如何在video.js 4.2.1中添加视频文件?

时间:2013-10-05 09:21:37

标签: javascript jquery video video.js

我从http://www.videojs.com/下载了video-js-4.2.1.zip,在demo.html中,我更改了视频的源文件但不会加载。我甚至输入了完整的http://地址,但仍无效。它仅适用于http://www.videojs.com/的演示视频。如何让它发挥作用?

尊敬, Vasile Lucian BUJOR

PS。这是代码(我为海报添加了一个png并从原始代码中删除了标题,并将demo.html重命名为index.html):

<!DOCTYPE html>
<html>
<head>
  <title>Video</title>

  <!-- Chang URLs to wherever Video.js files will be hosted -->
  <link href="video-js.css" rel="stylesheet" type="text/css">
  <!-- video.js must be in the <head> for older IEs to work. -->
  <script src="video.js"></script>

  <!-- Unless using the CDN hosted version, update the URL to the Flash SWF -->
  <script>
    videojs.options.flash.swf = "video-js.swf";
  </script>


</head>
<body>

  <video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="360"
      poster="principal.png"
      data-setup="{}">
    <source src="/wildelife.mp4" type='video/mp4' />
    <source src="/wildelife.webm" type='video/webm' />
  </video>

</body>
</html>

1 个答案:

答案 0 :(得分:0)

检查github存储库(https://github.com/videojs/video.js/blob/master/docs/setup.md)上的文档可能会有所帮助。

也尝试不在视频路径前面/。尝试:

<source src="wildelife.mp4" type='video/mp4' />

如果文件的路径与.html文件位于同一文件夹中。

我不知道还能说些什么,它在这里完美无缺。你可以检查你的文件夹结构。

希望有所帮助