2017-09-15 99 views
1

我試着使用html5視頻標籤和video.js播放器播放視頻,但我無法播放視頻,並且視頻有mp4格式。有人可以幫助我使用videojs播放器播放此視頻

視頻可以從https://drive.google.com/open?id=0BwvTwArK2QWBVVZhbnAtMjZlWlU

<html> 
 
<head> 
 
    <link href="http://vjs.zencdn.net/6.2.7/video-js.css" rel="stylesheet"> 
 

 
    <!-- If you'd like to support IE8 --> 
 
    <script src="http://vjs.zencdn.net/ie8/1.1.2/videojs-ie8.min.js"></script> 
 
</head> 
 

 
<body> 
 
    <video id="my-video" class="video-js" controls preload="auto" width="640" height="264" data-setup="{}"> 
 
    <source src="test.mp4" type='video/mp4'> 
 
    <p class="vjs-no-js"> 
 
     To view this video please enable JavaScript, and consider upgrading to a web browser that 
 
     <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
 
    </p> 
 
    </video> 
 

 
    <script src="http://vjs.zencdn.net/6.2.7/video.js"></script> 
 
</body> 
 
</html>

下載我收到一條錯誤信息: - enter image description here

+0

你能告訴我們哪個視頻編解碼器存在於MP4中嗎?哪個瀏覽器正在用於測試? – Dave

回答

0

我不是一個熟悉的Video.js但你的錯誤聽起來像海報有問題(縮略圖)

在他們的網頁,他們表現出一個完整的模板使用他們的圖書館:

<video id="my-video" class="video-js" controls preload="auto" width="640" height="264" 
    poster="MY_VIDEO_POSTER.jpg" data-setup="{}"> 
    <source src="MY_VIDEO.mp4" type='video/mp4'> 
    <source src="MY_VIDEO.webm" type='video/webm'> 
    <p class="vjs-no-js"> 
     To view this video please enable JavaScript, and consider upgrading to a web browser that 
     <a href="http://videojs.com/html5-video-support/" target="_blank">supports HTML5 video</a> 
    </p> 
</video> 
+0

我嘗試過,但是,所有其他視頻都在播放,但縮略圖沒有問題,但特定的視頻集沒有播放。我分享的鏈接是來自該組視頻中的一個視頻。 –

-1

嘗試,因爲它應該包含JSON使用單引號與數據設置。

data-setup='{}'