HTML5对视频播发Video元素的控制
日期：2014-05-17 浏览次数：20549 次
HTML5对视频播放Video元素的控制
<!DOCTYPE HTML>
<html>
<head>
<script type="text/javascript">
function playPause() {
var myVideo = document.getElementById("video1");
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function Stop()
{
var myVideo = document.getElementById("video1");
myVideo.currentTime=0;
myVideo.pause();
}
function gotoTime()
{
var myVideo = document.getElementById("video1");
var time = document.getElementById("time").value;
if(time=="")
{
alert("请输入一个时间");
}
else
{
myVideo.currentTime = time;
myVideo.pause();
}
}
</script>
</head>
<body>
HTML5可支持视频格式：mp4、flv、swf、webm、ogg</br>
<video width="320" height="240" controls="controls" name="video" id = "video1">
<source src=".\video\1.mp4" type="video/mp4">
你的浏览器不支持HTML5播放视频功能
</video>
</br>
时间：<input type ="number" name="time" id="time" value=""/></br>
<input type="button" name="change" value="跳转" onClick="gotoTime();"/></br>
<input type="button" name="start" value="播放/暂停" onClick="playPause();"/></br>
<input type="button" name="stop" value="停止" onClick="Stop();"/>
</body>
</html>
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
