问题描述
我尝试将来自视频共享网站的视频嵌入到博客中。部分视频有字幕。在这种情况下,访问者应点击相应的“齿轮”图标以选择字幕,遗憾的是默认情况下该字幕已关闭。
我想以某种方式实现在访问者启动视频时显示字幕。
视频播放器由 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 (将#修改为@)