Video control on a web page
I need one animation or a video to be continuously play on my web page without any pause/play,seek bar control.can anyone help me on this?I am using HTML 5
object width="640" height="480"
param name="movie" value="players.swf"
embed src="player.swf" width="640" height="480"
embed
object
<video autoplay loop >
<source src="Zoozoo International roaming.mp4" type="video/mp4" / >
</video >
<video controls autoplay loop >
<source src="Zoozoo International roaming.mp4" type="video/mp4" / >
</video >
< video autoplay loop >
< source src="your video link" type="Type of your video" / >
< /video >
< video id="Video1" >
// Replace these with your own video files.
<source src="demo.mp4" type="video/mp4" />
<source src="demo.ogv" type="video/ogg" />
HTML5 Video is required for this example.
<a href="demo.mp4">Download the video</a> file.
< /video>
< div id="buttonbar">
<button id="restart" onclick="restart();">[]</button>
<button id="rew" onclick="skip(-10)"><<</button>
<button id="play" onclick="vidplay()">></button>
<button id="fastFwd" onclick="skip(10)">>></button>
< /div>
< script type="text/javascript">
function vidplay() {
var video = document.getElementById("Video1");
var button = document.getElementById("play");
if (video.paused) {
video.play();
button.textContent = "||";
} else {
video.pause();
button.textContent = ">";
}
}
function restart() {
var video = document.getElementById("Video1");
video.currentTime = 0;
}
function skip(value) {
var video = document.getElementById("Video1");
video.currentTime += value;
}
< /script>