我已经在 video.js 上工作了大约一天,所以对于这个东西我是一个真正的新手。今天我只想添加一个在两个视频之间切换的按钮。我用 jQuery 快速简单地完成了它。但我宁愿用 javascript 来更好地理解 video.js 的整体。
到目前为止已完成:
1.我已经从github下载了最新版本的video.js。
2. 球员表现出色。
3. 通读指南。
4.尝试了他们的示例代码。
他们的按钮创建代码:
var myButton = video.controlBar.addChild('MyButton', {
text: 'Press Me',
children: {
buttonChildExample: {
buttonChildOption: true
}
}
});
来自控制台的错误:未捕获的类型错误:未定义不是函数
所以没有定义 addChild() ,这很奇怪,因为它在他们的 docs/api 中。
有谁知道如何向控制栏添加按钮?
任何帮助将不胜感激,如果您需要更多信息,请告诉我。谢谢。
UPDATE:
The undefined
来自这样的事实MyButton
不是一个vjs.Component
。与此相关的文档有点不清楚,我花了一段时间才明白发生了什么。
文档 https://github.com/videojs/video.js/blob/stable/docs/api/vjs.Component.md#addchild-child-options-声明第一个参数是“要添加的子级的类名或实例”——它指的是 JavaScript 类而不是 CSS 类。添加按钮的正确方法如下:
var myButton = video.controlBar.addChild('button', {
text: "Press me",
// other options
});
myButton.addClass("html-classname");
这会将以下内容添加到您的控制栏:
<div class="vjs-control html-classname" aria-live="polite" tabindex="0">
<div class='vjs-control-content">
<span class="vjs-control-text">Press me</span>
</div>
</div>
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)