Question

我正在尝试使用自定义控件制作视频播放器。我有类似的代码：

var video = videojs(video.id, {
    controls: true,
    autoplay: false,
    controlBar: {
        children: [
            ...
        ]
    }
});

它正在生成DOM，如：

<div class="video-js">
    <video></video>
    <div class="vjs-poster"></div>
    <div class="vjs-text-track-display"></div>
    <div class="vjs-loading-spinner"></div>
    <button class="vjs-big-play-button"></button>
    <div class="vjs-control-bar"></div>
    <div class="vjs-error-display"></div>
    <div class="vjs-modal-dialog"></div>    
</div>

在<video></video>和<div class="vjs-poster"></div>之间，我想要自定义div，例如<div class="overlay"></div>。

是否可以使用video.js组件来做到这一点？还是我必须使用Element.insertAdjacentHTML()？我阅读了video.js文档，我认为可以这样做，但我不知道如何做。什么都没有。

Answer 1

写了一些解释如何操纵将自定义组件添加到Video.js的内容，这可能会令人困惑

希望这会有所帮助！

https://nikushx.com/blog/2019/05/21/creating-custom-components-with-video-js/

Video.js中的自定义组件

1 个答案: