videojs.dom extend方法

最新推荐文章于 2024-07-09 16:12:55 发布

qq_27449993

最新推荐文章于 2024-07-09 16:12:55 发布

阅读量1.4k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/qq_27449993/article/details/94626759

版权

本文深入探讨了videojs库中的dom extend方法，详细解释了其功能和使用场景，帮助开发者更好地理解和应用这一工具，提升视频播放器的自定义能力。

摘要由CSDN通过智能技术生成

var calcComponent = videojs.getComponent('Component');
var CalcBar = videojs.extend(calcComponent,{
  constructor: function (player, options) {
    calcComponent.apply(this, arguments);
    if (options.text) {
      this.updateTextContent(options.text);
    }
  },
  createEl: function() {
    var divObj=videojs.dom.createEl('div', {
      // Prefixing classes of elements within a player with "vjs-"
      // is a convention used in Video.js.
      //给元素加vjs-开头的样式名，是videojs内置样式约定俗成的做法
      className: 'vjs-calc-bar'
    });
    var imgObj=videojs.dom.createEl('img', {
      // Prefixing classes of elements within a player with "vjs-"
      // is a convention used in Video.js.
      //给元素加vjs-开头的样式名，是videojs内置样式约定俗成的做法
      src: canlcimg
    });
    videojs.dom.appendContent(imgObj, this.options_.text)
    divObj.appendChild(imgObj);

    return divObj
  },
  updateTextContent: function(t