iframe HTML5视频全屏播放问题

背景:我采用了videojs视频播放器。视频播放页面是一个独立页面 包含了html5播放器代码。 主页面采用iframe 调用视频播放页面。

问题:点击全屏按钮,无法实现全频播放。 解决方法:只要在iframe 里增加一个属性 allowfullscreen 即可实现全屏播放

问题:网站再次改版后,引入固定的头部菜单以及一些动态的Js后发现以前可以全屏的视频 除了页面顶部菜单为白色可见,其余区域都变成了纯黑色,无法看到视频 。

解决方法:是了很多方式修改css都无效,最后发现把 video-js.css中的 .video-js.vjs-fullscreen 定义的position: fixed;这句话去除即可。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

扫码关注云+社区

领取腾讯云代金券