如何删除 video.js 中的画中画图标？

问题描述

我正在使用 video.js 插件在我的网站上显示视频。

Video.js

我想删除画中画图标。我已经尝试了几个小时但没有成功。

<video controls preload="auto" poster="path to poster" data-setup='{controllBar: {pictureInPicturetoggle: false}}'>
    <source src="path to video" type="video/mp4" />
</video>

我做错了什么？

解决方法

添加这个css：

.video-js .vjs-picture-in-picture-control { 显示：无； }

这里有一个完整的例子： https://weasel.firmfriends.us/Private3-BB/

,

它应该是 data-setup='{"controlBar": {"pictureInPictureToggle": false}}'，带引号（它是一个 JSON 字符串）和一个 l 在 'controlBar' 中。

请注意，这将删除 Video.js 的控制栏按钮，但不会删除 Firefox 的画中画浮动按钮。 Firefox 是否显示只能由最终用户配置。