html视频标签全屏控件无法在Chrome浏览器上正常运行

时间:2019-03-20 06:34:08

标签: html

我英语说得不好。.

jsp来源:

<video controls controlsList="nodownload" name="media" width="100%" id="vodArea">									
  <source src="~~~" type="video/mp4" id="vodAreaSrc">
</video>

play

这里没有问题。

单击视频中的全屏按钮时,不会以chrome保留全屏。 (Firefox没问题)

全屏显示后返回到原始屏幕。

示例网址

  

https://www.w3schools.com/html/html5_video.asp

  • chrome版本:73.0.3683.75(64位)

  • os:window10 64bit

为什么我的Chrome出现问题?

1 个答案:

答案 0 :(得分:0)

Instructions here适用于youtube,但这些可能仍然适用。

  1. 卸载主题
  2. 禁用扩展 使用开关启动chrome:“ chrome.exe --disable-extensions”
  3. 关闭硬件加速
  4. 将Chrome重置为默认设置。删除默认设置可能会解决全屏问题,但是请记住,它也会删除当前设置:
    • 单击右上角的
    • 单击设置。
    • 向下滚动并单击“高级”。
    • 向下滚动并单击“将设置恢复为原始默认值”。
    • 在出现提示时,单击“重置设置”。
  5. 重新安装Chrome

我会先尝试1-3,然后尝试4,然后如果其他所有方法都失败,则尝试5。