有人可以帮助我使用videojs播放器播放此视频

问题描述:

我试着使用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

我不是一个熟悉的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

我尝试过,但是,所有其他视频都在播放,但缩略图没有问题,但特定的视频集没有播放。我分享的链接是来自该组视频中的一个视频。 –

尝试,因为它应该包含JSON使用单引号与数据设置。

data-setup='{}'