iframe中使用播放器或链接优酷、哔哩哔哩视频地址不能全屏问题处理

最近在开发一个新项目中,发现在iframe中使用播放器,点击全屏效果无效解决办法!

原代码如下:

<iframe class="playIfram" frameborder="0" src='视频地址'></iframe>

通过对iframe设置宽高,视频能正常播放,但实际中全屏效果却失效了。那么关于全屏失效问题我们该如何解决呢?

其实iframe早就提供了对应的参数:allowfullscreen

默认状态中<iframe>内部的元素是无法开启全屏状态。

通过为<iframe>设置allowfullscreen 属性可以设置它内部元素允许开启全屏状态。

修改后代码如下:

<iframe class="playIfram" allowfullscreen frameborder="0" src='视频地址'></iframe>

如此,视频播放全屏问题就得到了解决,亲测有效!

六月初字帖坊小程序 你想要的字帖模板及工具,这里都有!