原因:
由于浏览器的安全策略所限制的。为了防止恶意网站利用全屏播放功能进行滥用或欺骗用户,浏览器对iframe中的视频播放做了限制。
在iframe标签中播放视频时,浏览器会根据安全策略阻止视频全屏播放。这是因为iframe标签中的内容被认为是第三方内容,浏览器会限制其对用户界面的控制权。
iframe标签加上allowfullscreen="true"属性,其他两个是为 了解决浏览器兼容问题最好也加上。
<iframe src="xxx.html"
allowfullscreen="true"
webkitallowfullscreen="true"
mozallowfullscreen="true"
>
</iframe>