javascript - 我如何为 video.js 制作一个插件来添加和删除 HTML 标题中的三 Angular 形？

Question

与 YouTube 非常相似，当您点击视频的播放按钮时，三 Angular 形就会出现，而当您暂停视频时，三 Angular 形就会消失。我不确定这是否是特定于浏览器的功能，例如 Google Chrome 在选项卡中带有这些扬声器。

我想知道如何为 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 中的扬声器图标(或该位置的图标)，那么这是特定于浏览器的，您无法控制它。