有没有办法将内容置于youtube的全屏模式之上？

Question

我正在使用Youtube iframe api。

我需要将内容放在youtube iframe播放器之上。示例：视频播放完毕后，我想显示下一个视频的播放选项。我已经在非全屏模式下使用z-index和wmode：“透明”选项（需要使其在IE中工作）完成此操作，如下所示：

 player = new YT.Player('show', {
      height: '540',
      width: '960',
      videoId: firstID,
      playerVars: { rel:0,modestbranding:1, wmode: "transparent" },
      events: {
    'onStateChange': onPlayerStateChange
    }

    });   

然而，当用户点击“全屏”按钮时，内容隐藏在youtube iframe后面......我似乎无法将内容置于全屏模式之上。使用vimeo api的vimeo播放器也会发生同样的事情，但我想这是另一种蠕虫病毒。有任何想法吗？

Answer 1

每个浏览器实现HTML5全屏视频的方式略有不同;例如，在Chrome上，您最终得到的是一个if-z，其z-index为2147483647.如果您将内容的z-index设置为高于该值，则可能达到您想要的效果。

但是，重要的是要注意Flash全屏绕过浏览器，因此我不确定您是否会找到满足所有用例的解决方案。从理论上讲，您可以将您的应用仅限制为HTML5视频，然后对其进行处理，但对您来说可能不太可行。

我也可能（为了充分讨论，FWIW）指出，就YouTube而言，TOS可能会限制您尝试做的事情：

https://www.youtube.com/static?template=terms

（第4F条）。