javascript - 使用 video-js 功能触发多个视频

标签 javascript html video.js

使用 video-js 功能播放多个视频实际上是可能的:

<强> Fiddle 1

但是,当在调用 playVideo() 的函数周围封装按钮等触发器时,video-js 功能会从第二个视频开始中断。

<强> Fiddle 2

...
$('#start').click(function() {
    ...
});
... 
// The rest of the code in Fiddle 2 is similar to Fiddle 1

我做错了什么?

最佳答案

您应该将一个数字作为参数传递给 playVideo() 函数。在您的示例中,它们设置为 0。

然后转动

videojs(document.getElementsByClassName("video-js")[0], {}, function () {});

videojs(document.getElementsByClassName("video-js")[number], {}, function () {});

就是这样:

演示:JS Fiddle

关于javascript - 使用 video-js 功能触发多个视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29266923/

相关文章:

javascript - pushState() 不适用于 beforeunload,popState() 不适用于加载,History API

javascript - 在 html javascript 中添加图像代替按钮

javascript - 在 withTracker 中使用 ReactiveVar 和 Meteor.call 避免无限循环?

javascript - 视频JS : Object doesn't support property or method 'querySelector'

javascript - 在 Joomla 1.5 中使用 json_encode 调用从 ajax 获取响应

html - 导航栏的背景颜色未占据全宽

html - Eloqua 正在为我的电子邮件 CSS 添加额外的句号

javascript - 如何在 HTML 中只显示今天的日期?

FFMPEG 宽高比 HTML5 视频

html - 为什么 videojs HTML5 视频在 Firefox 中无法播放声音?