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

Question

I am trying to implement IOS 10's new playsinline attribute in Clappr (clappr.io), via a custom plugin. Currently I have the following code:

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

The trick is that I need the code to fire before playback is triggered, but after the video element is populated, but every hook I've used seems to come up on one side or the other of that line. Any ideas? (with this code, it appears to fire before the video element is populated)

Answer 1

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