jwplayer html5视频全屏无法嵌入iframe

时间:2014-08-05 19:39:36

标签: iframe html5-video embed fullscreen

我将从我的服务器为用户托管视频。用户可以嵌入视频......目前我正在编写php脚本。但我有嵌入代码的问题。问题是,无法在html5上全屏...播放器支持html5& Flash播放器。如果播放器是闪存用户可以从嵌入代码全屏。但是在html5播放器上无法全屏显示。 Youtube的嵌入代码可以全屏显示,但YouTube也使用html5。这是我使用的代码:

<iframe width="530" height="270" src="http://videohost.tk/embed/0f2c67c9b" frameborder="0"></iframe>

如果您直接输入链接,则可以全屏显示。但是对于iframe你不能......我怎么能解决它?

2 个答案:

答案 0 :(得分:6)

我认为您的iframe元素需要包含allowfullscreen属性。

以下是以全屏属性为例的更新代码:

<iframe width="530" height="270" src="http://videohost.tk/embed/0f2c67c9b" frameborder="0" allowfullscreen></iframe>

答案 1 :(得分:0)

只是想指出:要让IE识别frameborder属性,它需要一个大写字母B,就像在frameBorder中一样。所有其他浏览器似乎都能识别这两种选项,因此&#39; B&#39;兼容性是一个很好的故障保护。根据{{​​3}},allowfullscreen在IE中应该可以正常工作,尽管这可能只适用于HTML4。