Question

就像YouTube一样，当您在视频上播放时，三角形会显示，并在您暂停时消失。我不确定这是否与谷歌浏览器特定的浏览器一样，与标签中的那些扬声器有关。

我想知道如何为video.js

做类似的事情

Answer 1

来自video.js文档（https://github.com/videojs/video.js/blob/stable/docs/guides/plugins.md），但稍微适应了您的情况：

第1步：编写一些JavaScript

function trianglePlugin(options) {
  this.on('play', function(e) {
    window.originalDocumentTitle = document.title;
    document.title = "▶ " + document.title;
  });
  this.on('pause', function(e) {
    document.title = window.originalDocumentTitle;
  });
  this.on('ended', function(e) {
    document.title = window.originalDocumentTitle;
  });
};

第2步：注册插件

videojs.plugin('trianglePlugin', trianglePlugin);

第3步：使用插件

videojs('vidId', {
  plugins: {
    trianglePlugin: {
      exampleOptionWhichWeDontNeed: true
    }
  }
});

修改如果您在播放带有声音的媒体时实际上是指Chrome中的扬声器图标（或该位置中的图标），那么这是特定于浏览器的，您无法控制它。

Answer 2

请尝试将BigPlayButton组件添加到播放器。

videojs.Control = videojs.Component.extend();
videojs.Button = videojs.Control.extend();
videojs.PlayToggle = videojs.Button.extend();
// Adding a new control to the player
myPlayer.addChild('BigPlayButton');

链接到video.js组件指南 https://github.com/videojs/video.js/blob/stable/docs/guides/components.md

希望这有帮助。

我如何为video.js制作插件，在HTML标题中添加和删除三角形？

2 个答案: