87,921
社区成员
发帖
与我相关
我的任务
分享js控制html5 video标签中视频的播放和停止
各位大虾们，请不吝赐教！
页面中有2个普通按钮a，b。还有一个video标签，能成功播放出视频。。
我想要的效果是，点击a按钮，视频开始播放，点击b按钮，视频播放停止！！！
页面中有2个普通按钮a，b。还有一个video标签，能成功播放出视频。。
我想要的效果是，点击a按钮，视频开始播放，点击b按钮，视频播放停止！！！
...全文
请发表友善的回复…
发表回复
wshcdr 2013-05-22
- 打赏
- 举报
pkwzblack 2011-07-15
- 打赏
- 举报
谢谢各位！！问题解决了 来的晚了，忘大家见谅 结贴给分喽，平均分
夜半吸血鬼 2011-05-29
- 打赏
- 举报
mark
Crazywa 2011-05-27
- 打赏
- 举报
额。来晚了。。。
停止的话...
myVideo.currentTime = 0;
myVideo.pause();
停止的话...
myVideo.currentTime = 0;
myVideo.pause();
孟子E章 2011-05-27
- 打赏
- 举报
var myVideo = document.getElementsByTagName('video')[0];
可以换成
document.getElementById('videoId');
<video src="myMovie.m4v" poster="poster.jpg" id="videoId"></video>
可以换成
document.getElementById('videoId');
<video src="myMovie.m4v" poster="poster.jpg" id="videoId"></video>
孟子E章 2011-05-27
- 打赏
- 举报
参见
<!DOCTYPE html>
<html>
<head>
<title>Simple JavaScript Controller</title>
<script type="text/javascript">
function playPause() {
var myVideo = document.getElementsByTagName('video')[0];
if (myVideo.paused)
myVideo.play();
else
myVideo.pause();
}
function makeBig() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.height = (myVideo.videoHeight * 2 ) ;
}
function makeNormal() {
var myVideo = document.getElementsByTagName('video')[0];
myVideo.height = (myVideo.videoHeight) ;
}
</script>
</head>
<body>
<div class="video-player" align="center">
<video src="myMovie.m4v" poster="poster.jpg" ></video>
<br>
<a href="javascript:playPause();">Play/Pause</a> <br>
<a href="javascript:makeBig();">2x Size</a> |
<a href="javascript:makeNormal();">1x Size</a> <br>
</div>
</body>
</html>
