解决Html iframe 内嵌video标签导致视频无法全屏展示的问题

原因：

由于浏览器的安全策略所限制的。为了防止恶意网站利用全屏播放功能进行滥用或欺骗用户，浏览器对iframe中的视频播放做了限制。 在iframe标签中播放视频时，浏览器会根据安全策略阻止视频全屏播放。这是因为iframe标签中的内容被认为是第三方内容，浏览器会限制其对用户界面的控制权。

iframe标签加上allowfullscreen="true"属性，其他两个是为 了解决浏览器兼容问题最好也加上。

<iframe src="xxx.html"
allowfullscreen="true"
webkitallowfullscreen="true"
mozallowfullscreen="true"
>
</iframe>

参考文章：解决Html iframe 内嵌video标签导致视频无法全屏展示的问题