【发布时间】:2016-04-26 14:13:42
【问题描述】:
我正在玩 video.js。这是我的代码:
<link href="//vjs.zencdn.net/5.4.6/video-js.min.css" rel="stylesheet">
<script src="//vjs.zencdn.net/5.4.6/video.min.js"></script>
<video id="example_video_1" class="video-js vjs-default-skin" style="margin-left:auto;margin-right:auto;"
controls autoplay preload="auto" width="1300" height="800"
data-setup='{}'>
<source src="/test.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>
以上代码实际上是从该工具的网站复制而来的(视频和自动播放除外):
http://docs.videojs.com/docs/guides/setup.html
我的电影在 Chrome 和 Firefox 中都可以播放。如果我想在电影后面看到一些东西,我可以将进度条中的点拖到我想要的位置,电影就从那里开始。但是,在 Chrome 中这样做时出现错误:
网络问题导致媒体下载中途失败。
感谢您的帮助!
【问题讨论】:
-
这样的事情通常与视频文件本身或它的服务方式有关。您可以在文件中添加绝对 URL 而不是“/test.webm”吗?
标签: video.js