今天在写项目的时候,要引入一些宣传视频,要求用iframe引,由于是外网的网站要开VPN来搞,就不上图了。
简单说一下,把路径引到了iframe的src里,视频开VPN可以正常访问,但无法进行全屏显示,原来的代码如下
<iframe :src="item.url" id = "video_lx" ></iframe>
这样做,就无法去点击全屏,那怎么办呢,当然是去百度偷代码啊
做出了一些修改
<iframe
webkitallowfullscreen=""
mozallowfullscreen=""
allowfullscreen=""
:src="item.url"
id = "video_lx" >
</iframe>
这样加完就可以全屏显示了!
allowfullscreen:用于设置iframe中的信息是否允许开启全屏状态
ok 再会!