解决UE编辑器中iframe内添加视频无法全屏播放的问题

博主分享使iframe标签中视频全屏播放的经验。在UE编辑器代码模式添加相关属性无法保存,通过在配置文件中增加属性白名单解决。还尝试用jQuery添加属性,但仍无法全屏播放,未找到原因。

我在网上找到,要使iframe标签中视频可以全屏播放需要在标签中增加allowfullscreen=“true” allowtransparency="true"属性,然而我在UE编辑器代码模式下增加了,发现不能保存。我怀疑是给过滤了,打开UE编辑器配置文件ueditor.config.js,找到
在这里插入图片描述
在iframe这个数组里面增加这两个属性的白名单就能保存了,打开网页,成功全屏播放视频!
另外我也想到在网页里面写jquery给iframe标签加上allowfullscreen="true"和allowtransparency=“true”,代码如下

$("iframe").attr("allowfullscreen","allowtransparency");
$("iframe").attr("allowtransparency","allowfullscreen");

不过属性是加上了,不过还是不能全屏播放,不知道是什么原因

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值