如何让嵌入的Vimeo播放器默认打开转录面板?能否关闭计时设置?
Vimeo播放器默认打开转录面板及关闭计时选项的实现方法
一、默认打开转录面板
仅靠URL参数无法直接打开转录面板,必须借助Vimeo Player API实现,步骤如下:
- 修改iframe标签:给iframe添加一个唯一
id,方便后续通过API获取播放器实例 - 初始化播放器并调用API方法:在页面加载完成后,初始化Player实例,监听
ready事件,先激活指定字幕轨道,再调用showTranscript打开转录面板。
修改后的完整代码示例:
<div style='padding:56.23% 0 0 0;position:relative;'> <iframe id="vimeo-player" src='https://player.vimeo.com/video/949240xxx?badge=0&autopause=0&player_id=0&app_id=58479&texttrack=en-x-autogen' frameborder='0' allow='autoplay; fullscreen; picture-in-picture; clipboard-write' style='position:absolute;top:0;left:0;width:100%;height:100%;' title='SignCallVideo'></iframe> </div> <script src='https://player.vimeo.com/api/player.js'></script> <script> // 获取播放器实例 const player = new Vimeo.Player('vimeo-player'); // 播放器就绪后执行操作 player.ready().then(() => { // 激活指定的字幕轨道(和URL中的texttrack参数对应) player.showTextTrack('en-x-autogen', 'subtitles'); // 打开转录面板 player.showTranscript(); }).catch(error => { console.error('播放器初始化失败:', error); }); </script>
二、关闭转录设置中的计时选项
目前Vimeo Player API没有提供官方方法关闭转录面板中的计时选项——转录面板的UI元素属于Vimeo播放器内部组件,受同源策略限制,外部无法直接修改或隐藏这些元素,即使尝试用CSS选择器,也会因为iframe跨域问题无法生效,所以这个需求暂时无法实现。
内容的提问来源于stack exchange,提问作者Clint
相关产品推荐
相关产品推荐

