html 使用iframe引入视频但无法全屏播放，问题解决

今天在写项目的时候，要引入一些宣传视频，要求用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 再会！

html 使用iframe引入视频但无法全屏播放，问题解决相关推荐

解决全视频TV无法全屏的问题
全视频TV里常有一些老视频在线观看,画质清晰而且中英字幕,唯一的缺点是无法全屏观看,我偶然发现用chrome可实现全屏观看(其他浏览器原理类似) 方法如下: 尝试一下其他浏览器(Firefox.IE. ...
解决UE编辑器中iframe内添加视频无法全屏播放的问题
我在网上找到,要使iframe标签中视频可以全屏播放需要在标签中增加allowfullscreen="true" allowtransparency="true" ...
uni-app中swiper组件加入视频后无法全屏显示方案解决
今天,在写uni-app的代码过程中,发现swiper组件里面的视频不能占全屏,出不来效果,虽然官网也说自动设置了100%是没错,但是,再次设置宽高100%,不起作用,同时还会导致swiper组件不 ...
安防互联网摄像头海康大华硬盘录像机视频流媒体服务器EasyNVR在layer弹出层中使用video标签无法最大化全屏播放问题解决
诞生背景众所周知,EasyNVR可以将局域网/广域网上的海康/大华等网络摄像头由rtsp转换为rtmp.rtsp.hls.flv协议转换,并提供推流服务,可以将拉到的网络摄像头直接转发到流媒体服务器 ...
jquery html5视频播放插件在iframe中无法全屏解决办法
jquery html5视频播放插件在iframe中无法全屏解决办法在IFrame中加入 allowfullscreen="true" allowtransparency=&qu ...
Flutter webview加载视频无法全屏
Flutter webview加载视频无法全屏先上个github的链接吧:https://github.com/flutter/flutter/issues/27101#issuecomment-5 ...
VirtualBox安装kali linux过程及安装后无法全屏问题解决方法(2)
VirtualBox安装kali linux过程及安装后无法全屏问题解决方法(2) 参考文章: (1)VirtualBox安装kali linux过程及安装后无法全屏问题解决方法(2) (2)http ...
虚拟机VirtualBox中Ubuntu无法全屏（终极解决方法）
虚拟机VirtualBox中Ubuntu无法全屏(终极解决方法) 我用VirtualBox虚拟机安装了Ubuntu10.10.但是VirtualBox全屏的时候,Ubuntu总是在中间位置,没有全屏, ...
VMware下Ubuntu无法全屏显示问题
一.运行Ubuntu的时候无法全屏显示,如图所示下载VMware Tools 二.之后将下载的文件拷贝到home文件夹下三.解压该压缩包由于该压缩包是.tar.gz结尾的故压缩命令:tar -zx ...

html 使用iframe引入视频但无法全屏播放，问题解决

html 使用iframe引入视频但无法全屏播放，问题解决相关推荐

最新文章

热门文章