微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

如何解决如何在 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 举报,一经查实,本站将立刻删除。