如何在Clappr中修改视频标签上的属性

Question

我正在尝试通过一个自定义插件在Clappr (clappr.io)中实现iOS10的新playsinline属性。目前我有以下代码：

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;
  }
});

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

Answer 1

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