Video.js 删除 HTML 个跨度

Question

当我预渲染 video.js 播放器时，它会在 html 中添加很多 <span>，例如：

<span class="vjs-control-text">Video Player is loading.</span>
    </div><button class="vjs-big-play-button" type="button" title="Play Video" aria-disabled="false" style="display: block;">
    <span aria-hidden="true" class="vjs-icon-placeholder"></span>
    <span class="vjs-control-text" aria-live="polite">Play Video</span>

其中一些 span 的内容类似于 "Video player is loading." 或 "Play Video"。

我的页面使用的不是英语，而且由于 SEO（我不想 google 在 html 文档的顶部看到英语内容）我需要删除所有跨度.我什至不显示 play/stop 按钮，所以我不需要它 html.

如何删除这个跨度？

Answer 1

如果要删除跨度，则必须使用 class

删除每个跨度

vjs-control-text

function removeElementsByClass(className){
    var elements = document.getElementsByClassName(className);
    while(elements.length > 0){
        elements[0].parentNode.removeChild(elements[0]);
    }
}
removeElementsByClass('vjs-control-text');

Answer 2

Video.js 带有它自己的一组语言文件 which you can find here. Documentation on using languages can be found here。

如果你想删除它们，即使你可以使用你的本地语言，你也可以找到更多配置播放器的选项here。

我还没有通读所有的选项，但有很多选项，而且也有删除视频控件的功能。

Video.js 删除 HTML 个跨度

Video.js remove HTML spans

javascript

video.js