需求：頁面中有2個普通按鈕a，b。還有一個video標簽，能成功播放出視頻。。我想要的效果是，點擊a按鈕，視頻開始播放，點擊b按鈕，視頻播放停止！！！
----------------------------------------------------code---------------------------------------------------------------------------
<!DOCTYPE html> <html> <head> <title>Simple JavaScript Controller</title> <script type="text/javascript"> function playPause() { var myVideo = document.getElementsByTagName('video')[0]; //獲取視頻video if (myVideo.paused){ myVideo.play(); }else{ myVideo.pause(); } function makeBig() { //全屏 高度2倍 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>
[解決辦法]:
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
原文地址：http://www.reader8.cn/jiaocheng/20130619/1350009.html
http://www.reader8.cn/jiaocheng/javascript/