How to add media player on blogspot or WordPress
Adding audio to your blogspot website just copy these codes and paste it in your website bogger or WordPress it works .
There's another method for WordPress users using plugin "Media player".
Don't copy all codes just copy one code for audio and one code for video .
Ogg − Ogg files with Thedora video codec and Vorbis audio codec.
· mpeg4 − MPEG4 files with H.264 video codec and AAC audio codec.
You can use <source> tag to specify media along with media type and many other attributes. A video element allows multiple source elements and browser will use the first recognized format −
<!DOCTYPE HTML>
<html>
<body>
<video width="300" height="200" controls autoplay>
<source src="/html5/foo.ogg" type="video/ogg" />
<source src="/html5/foo.mp4" type="video/mp4" />
Your browser does not support the video element.
</video>
</body>
</html>
Audio player
<audio controls autoplay>
<source src="/html5/audio.ogg" type="audio/ogg" />
<source src="/html5/audio.wav" type="audio/wav" />
Your browser does not support the audio element.
</audio>
</body>
</html>
For audio player
<audio src="foo.wav" controls autoplay>
Your browser does not support the <audio> element.
</audio>
For video player
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function PlayVideo(){
var v = document.getElementsByTagName("video")[0];
v.play();
}
</script>
</head>
<body>
<form>
<video width="300" height="200" src="/html5/foo.mp4">
Your browser does not support the video element.
</video>
<br />
<input type="button" onclick="PlayVideo();" value="Play"/>
</form>
</body>
</html>
Configuring Servers for Media Type
Most servers don't by default serve Ogg or mp4 media with the correct MIME types, so you'll likely need to add the appropriate configuration for this.
3 comments
Bro these write-up is not clear ohhhh.... U can edit it more
Hello fellow blogger,i really appreciate your article you posted but to be cleared and be sincere with the article you posted,its not clear even the work of this so source is just mention and the inputtation of it is no clear,furthermore you support at least showcase how thing will work whether on all music & video posted or d script will be added anytime blogger want to post a new post...
Thanks coded,CEO/Admin of codedzone.com.ng
Hello I appreciate your comment, can I know where you don't understand?
We Cherish Your Comments Most, Kindly Drop your comments below. Don't forget to click "Notify Me" to know if we have responded to your comments, Thank You.
EmoticonEmoticon