首页 文章

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

提问于
浏览 次
1

我尝试使用html5视频标签和video.js播放器播放视频，但我无法播放视频，视频采用mp4格式 .

该视频可以从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

javascript html5-video video.js

2 回答

  • -1

    我不熟悉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='{}'
    回复于

相关问题