如何修改Clappr中VIDEO标记的属性

时间:2016-10-24 20:45:04

标签: javascript clappr

我正在尝试通过自定义插件在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;
  }
});

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

1 个答案:

答案 0 :(得分:0)

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