javascript - 如何在 Clappr 中修改 VIDEO 标签上的属性

Question

我正在尝试通过自定义插件在 Clappr (clappr.io) 中实现 IOS 10 的新 playinline 属性。目前我有以下代码:

var IOS_Fullscreen_Plugin = Clappr.UIContainerPlugin.extend({
  name: 'IOS_Fullscreen_Plugin',
  bindEvents: function() {
    this.on(Clappr.Events.PLAYBACK_READY, this.add_attributes);
  },
  add_attributes: function() {
    var $container = this.container.$el;
    var $video = $container.find('video');
    $video.attr('webkit-playsinline','').attr('playsinline','');
    return this;
  }
});

诀窍是我需要在触发播放之前触发代码，但在填充视频元素之后，但我使用的每个钩子(Hook)似乎都出现在该行的一侧或另一侧。有任何想法吗？ (使用此代码，它似乎在填充视频元素之前触发)

Answer 1

您可以传递一个名为 playInline 的配置解决这个问题。