2013-04-09 202 views
0

我希望你能幫助我。我有一個Play和其他暫停按鈕,但不工作。 謝謝。這是我的代碼示例:使用播放和暫停視頻

<!DOCTYPE html> 
<html> 
<head> 
    <title>Video.js | HTML5 Video Player</title> 
    <link href="http://vjs.zencdn.net/3.2/video-js.css" rel="stylesheet" type="text/css"> 
    <script src="http://vjs.zencdn.net/3.2/video.js"></script> 
    <script> 
     _V_.options.flash.swf = "video-js.swf"; 
    </script> 
    <script>  
     _V_("example_video_1").ready(function(){ 
      var myPlayer = this; 
     }); 
    </script> 
</head> 
<body> 
    <video id="example_video_1" class="video-js vjs-default-skin" controls preload="auto" width="640" height="264" poster="http://video-js.zencoder.com/oceans-clip.png" data-setup="{}"> 
     <source src="http://video-js.zencoder.com/oceans-clip.mp4" type='video/mp4' /> 
     <source src="http://video-js.zencoder.com/oceans-clip.webm" type='video/webm' /> 
     <source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' /> 
    </video> 
    <input type="button" value="Pause" onClick="myPlayer.pause();"> 
    <input type="button" value="Play" onClick="myPlayer.play();"> 
</body> 
</html> 
+0

請看看http://stackoverflow.com/faq您需要了解你在哪裏試圖運行你的代碼多一點信息。 – 2013-04-09 17:14:42

回答

0

視頻設置必須在文檔加載後發生。所以,你必須將它包含在「onload」函數中。如果你使用jQuery,你可以把它放在$(document).ready()之內。否則,您可以使用window.onload。此外,您必須刪除「var」關鍵字,因爲在函數內部會創建一個局部變量,您無法從外部訪問該變量。

因此,安裝腳本將成爲:

<script> 
    window.onload = function(){ 
     _V_("example_video_1").ready(function(){ 
      myPlayer = this; 
     }); 
    }; 
</script>