如何永久隐藏IFrame嵌入的Vimeo播放器右上角的sidedock?
单独隐藏Vimeo嵌入式播放器右上角sidedock的解决方案
方法1:使用官方URL查询参数(无需额外代码,最推荐)
直接在iframe的src链接末尾追加查询参数 sidedock=0 即可,该参数只会隐藏右上角sidedock面板,不会影响进度条、音量、全屏按钮等其他播放器控件的正常显示,不需要设置controls=false隐藏全部控件。
嵌入示例:
<iframe src="https://player.vimeo.com/video/替换为你的视频ID?sidedock=0" width="640" height="360" frameborder="0" allow="autoplay; fullscreen; picture-in-picture" allowfullscreen ></iframe>
注:该参数对所有支持嵌入的Vimeo视频生效,无需高级账户权限。
方法2:通过Vimeo Player JS SDK配置
如果是用官方JS SDK初始化播放器,可以在初始化配置中直接指定sidedock: false,示例代码:
import Vimeo from '@vimeo/player'; const player = new Vimeo.Player('player-container', { id: 替换为你的视频ID, sidedock: false, // 其余原有配置保持不变 });
内容的提问来源于stack exchange,提问作者Bob Light
相关产品推荐
相关产品推荐

