全屏不适用于clappr播放器

时间:2017-07-15 13:18:50

标签: javascript clappr

如何在更改视频后强制Clappr播放器保持全屏? 我编写了一个在PLAYER_ENDED事件上触发的函数,函数使用此load方法加载下一个视频:

enter code here`enter code here`player.load([{source: 'video_url_exmpl'}], null, true);

但是当事件被触发并且新视频加载的播放器取消全屏模式时。我设置了选项:

exitFullscreenOnEnd: false,

我写了一个插件,假设要切换全屏,但浏览器会发出一条警告信息:

Failed to execute 'requestFullscreen' on 'Element': API can only be initiated by a user gesture

这是我的Clappr播放器初始化和设置:

 player = new Clappr.Player({
        source: sourceUrl,
        parentId: "#player",
        autoPlay: true,
        width: '100%',
        height: '100%',
        exitFullscreenOnEnd: false,
        playInline: true,
        recycleVideo: Clappr.Browser.isMobile,
        poster: '',
    }).on(Clappr.Events.PLAYER_ENDED, function() {
           player.load([{source: 'video_url'}], null, true);
          }
    });

1 个答案:

答案 0 :(得分:0)

在官方的Clappr GitHub问题上找到临时解决方案。感谢 kslimani

using System;
class MainClass {
  public static void Main (string[] args) {
    string custString = "Hello World";
    string change = "World";
    Console.WriteLine(custString.Replace(change,"Me"));
  }
}

请注意,此代码是一个丑陋的技巧,可能会让某些播放器组件(如插件)处于不一致状态。仅当源具有相同格式时才起作用(即:所有源都是.mp4文件)。 但是应该给你一些提示从哪里开始挖掘。  Link on Clappr GitHub threat