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

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

&lt;!DOCTYPE html&gt;

&lt;html&gt;

  &lt;head&gt;

    &lt;title&gt;Simple JavaScript Controller&lt;/title&gt;

    &lt;script type="text/javascript"&gt;

 

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

       }

 

    &lt;/script&gt;

  &lt;/head&gt;

 

  &lt;body&gt;

     &lt;div class="video-player" align="center"&gt;

      &lt;video src="myMovie.m4v" poster="poster.jpg" &gt;&lt;/video&gt;

      &lt;br&gt;

      &lt;a href="javascript:playPause();"&gt;Play/Pause&lt;/a&gt; &lt;br&gt;

      &lt;a href="javascript:makeBig();"&gt;2x Size&lt;/a&gt; 
[解决办法]


      &lt;a href="javascript:makeNormal();"&gt;1x Size&lt;/a&gt; &lt;br&gt;

     &lt;/div&gt;

  &lt;/body&gt;

&lt;/html&gt;

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

<video src="myMovie.m4v" poster="poster.jpg" id="videoId"></video>
[解决办法]
额。来晚了。。。
停止的话...

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

mark

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

热点推荐