iframe中video没有全屏按钮

HTML内联框架元素 <iframe>

iframe默认不允许全屏, 如果内嵌了video那么控制条上将不显示全屏按钮, 通过添加allowfullscreen属性可以开启全屏功能.

mozallowfullscreen
使用allowfullscreen属性代替。在Gecko9.9及更高版本上,如果允许通过调用element.mozRequestFullScreen() 方法,设置frame为全屏模式,该属性被设置为true。如果该属性未被设置,iframe元素不能被设置为全屏模式。

webkitallowfullscreen
使用 allowfullscreen 属性代替。在Chrome 17及更高版本上(或者更早),如果允许通过调用element.webkitRequestFullScreen() 方法,设置iframe为全屏模式,该属性被设置为true,如果该属性未被设置,iframe元素不能被设置为全屏模式。

posted @   CooMark  阅读(4350)  评论(0编辑  收藏  举报
编辑推荐:
· 10年+ .NET Coder 心语,封装的思维:从隐藏、稳定开始理解其本质意义
· .NET Core 中如何实现缓存的预热?
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
阅读排行:
· 10年+ .NET Coder 心语 ── 封装的思维:从隐藏、稳定开始理解其本质意义
· 地球OL攻略 —— 某应届生求职总结
· 提示词工程——AI应用必不可少的技术
· Open-Sora 2.0 重磅开源!
· 字符编码:从基础到乱码解决
历史上的今天:
2017-01-03 Python TODO
2017-01-03 python的print函数的格式化输出
2017-01-03 python __getitem__, __setitem__ 实现属性的索引式存取
2017-01-03 python中的Ellipsis
2017-01-03 sublime text添加snippet
2017-01-03 python __globals__, __file__
点击右上角即可分享
微信分享提示