【问题标题】:videojs in Chrome: how to make a video starts where I choose?Chrome 中的 videojs:如何让视频从我选择的地方开始?
【发布时间】: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


【解决方案1】:

你可以用javascript做到这一点

videojs("last", {}, function () {
                var myplayer = this;
                myplayer.currentTime(s); // s being to time in second you want
                                }

从 html 标记中删除 data-setup 属性并将你的内容放在第二个参数中。

  1. 第一个参数是视频的ID(确保它从来没有 初始化)
  2. 第二个是可选的,它是您希望在数据设置中拥有的内容
  3. 第三个是你想调用的函数 已初始化。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-06-16
    • 1970-01-01
    • 2022-11-28
    • 1970-01-01
    相关资源
    最近更新 更多