js统制html5 video标签中视频的播放和停止

js控制html5 video标签中视频的播放和停止
各位大虾们,请不吝赐教!
页面中有2个普通按钮a,b。还有一个video标签,能成功播放出视频。。
我想要的效果是,点击a按钮,视频开始播放,点击b按钮,视频播放停止!!!
[解决办法]
参见

<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>
 <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>

[解决办法]
var myVideo = document.getElementsByTagName(‘video’)[0];
可以换成
document.getElementById(‘videoId’);


[解决办法]
额。来晚了。。。
停止的话…

myVideo.currentTime = 0;
myVideo.pause();
------解决方案--------------------

mark

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值