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>

其中一些跨度具有诸如“正在加载视频播放器”之类的内容。或“播放视频”。

我的页面使用英语以外的其他语言，并且由于搜索引擎优化（我不希望Google在html文档的顶部看到英语内容），因此我需要删除所有跨度。我什至不显示播放/停止按钮，因此不需要html。

如何删除该跨度？

Answer 1

Video.js 随附了自己的语言文件集which you can find here。有关使用语言can be found here的文档。

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

我还没有阅读所有选项，但是有很多选项，并且还可以删除视频控件。

Answer 2

如果要删除跨度，则必须删除类中的每个跨度

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');

Video.js删除HTML跨度

2 个答案: