我正在尝试通过自定义插件在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;
}
});
诀窍是我需要在触发播放之前触发代码,但是在填充视频元素之后,但我使用的每个钩子似乎都出现在该行的一侧或另一侧。有任何想法吗? (使用此代码,它似乎在填充视频元素之前触发)