Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/448.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 有没有办法把内容放在youtube的顶端;什么是全屏模式?_Javascript_Iframe_Youtube Api - Fatal编程技术网

Javascript 有没有办法把内容放在youtube的顶端;什么是全屏模式?

Javascript 有没有办法把内容放在youtube的顶端;什么是全屏模式?,javascript,iframe,youtube-api,Javascript,Iframe,Youtube Api,我在用电话 我需要将内容放在youtube iframe播放器的顶部。示例:视频结束后,我想显示下一个要播放的视频的选项。我在非全屏模式下使用z-index和wmode:“transparent”选项(在IE中工作所需)实现了这一点,如下所示: 但是,当用户单击“全屏”按钮时,内容隐藏在youtube iframe后面,这是可行的。。。我似乎无法将内容置于全屏模式之上。使用VimeoAPI的vimeo播放器也会发生同样的情况,但我想这是另一种蠕虫。有什么想法吗 每个浏览器实现HTML5全屏视频的

我在用电话

我需要将内容放在youtube iframe播放器的顶部。示例:视频结束后,我想显示下一个要播放的视频的选项。我在非全屏模式下使用z-index和wmode:“transparent”选项(在IE中工作所需)实现了这一点,如下所示:


但是,当用户单击“全屏”按钮时,内容隐藏在youtube iframe后面,这是可行的。。。我似乎无法将内容置于全屏模式之上。使用VimeoAPI的vimeo播放器也会发生同样的情况,但我想这是另一种蠕虫。有什么想法吗

每个浏览器实现HTML5全屏视频的方式略有不同;例如,在Chrome上,您将得到一个z索引为2147483647的iframe。如果您将内容的z索引设置得高于此值,它可能会达到您想要的效果

然而,有一点很重要,那就是flashfullscreen完全绕过了浏览器,所以我不确定您是否能找到一个满足所有用例的解决方案。理论上,你可以将你的应用程序限制在HTML5视频上,然后再处理这个问题,但这对你来说可能不可行

我还可能(为了充分讨论的利益,FWIW)指出,就YouTube而言,TOS可能会限制您尝试做的事情:


(第4F节)。

我不明白我所做的是如何与TOS相抵触的。让我解释一下我在做什么:*视频结束时显示倒计时,显示“3..2…1中播放下一个视频。*倒计时结束时自动播放下一个视频*播放列表结束时,显示一条消息,上面写着“你已经完成了”等等“带有视频缩略图和类似按钮。这对托斯有什么影响?我不认为这会被解释为“修改、构建或阻止可嵌入播放器的任何部分或功能”。我想很大程度上取决于您是否覆盖了实际播放器(例如,遮盖YouTube徽标、更改播放按钮的外观、在视频顶部添加自己的字幕或广告)。在你的情况下,如果视频已经完成,你可能会很好…但这方面的很多决定都将在你的实施中。不过,我不能告诉谁会做出这个决定。无论如何,我已经编辑了我上面帖子中的“答案”部分,以便更清楚地了解如何让它实际工作;如果有帮助,请告诉我这是一个灰色区域——我没有涉及播放器的任何功能,只是在视频播放结束后的视频窗口本身。但我所做的仍然很容易被解释为“阻止任何部分”我想为了安全起见,我会把我的内容放在播放器下面。谢谢你的评论,否则我永远不会知道我(可能)违反了YT-TOS。
 player = new YT.Player('show', {
      height: '540',
      width: '960',
      videoId: firstID,
      playerVars: { rel:0,modestbranding:1, wmode: "transparent" },
      events: {
    'onStateChange': onPlayerStateChange
    }

    });