0

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

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

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

我究竟做错了什么？

4

3 回答 3

3

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

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

阅读关于 Firefox 中的画中画

于 2021-04-19T12:34:37.313 回答
1

添加这个CSS：

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

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

于 2021-04-19T02:37:18.150 回答
0

您也可以将其作为选项传递给 videojs 构造函数。

      const player = videojs(videoElement, {
        controls: true,
        controlBar: {
          pictureInPictureToggle: false
        }
      }, function() {

      })
于 2022-01-06T10:07:40.543 回答