如何在 VideoJS 视频对象中使用 JavaScript 选择给定的字幕?

问题描述

我尝试将来自视频共享网站的视频嵌入到博客中。部分视频有字幕。在这种情况下,访问者应点击相应的“齿轮”图标以选择字幕,遗憾的是认情况下该字幕已关闭

我想以某种方式实现在访问者启动视频时显示字幕。

视频播放器由 IFRAME 嵌入,因此由于 CORS,我无法发送点击事件。嵌入代码很常见:

<iframe width="666" height="360" src="//videa.hu/player?v=Wo4KzlaL58DuqzJ3" allowfullscreen="allowfullscreen" webkitallowfullscreen="webkitallowfullscreen" mozallowfullscreen="mozallowfullscreen" frameborder="0"></iframe>

可以在此处找到示例:http://csukottszemmel.blogspot.com/2020/12/fogado-madarkalitkahoz_22.html

如果我在新窗口中打开 IFRAME src url,那么我可以从浏览器控制台找到 videojs 对象。例如,这是一个由 IFRAME 嵌入的视频:https://videa.hu/player?v=Wo4KzlaL58DuqzJ3 在我的浏览器中打开这个 URL 后,我可以找到合适的 videojs 对象:

document.querySelector("#videojs_player").player

我想,在这种情况下,我可以以某种方式打开或选择字幕。

现在的问题是,如何在不使用 IFRAME 的情况下嵌入视频,然后在页面上放置适当的 javascript,它总是为访问者选择字幕?

解决方法

暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!

如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@)