iframe不能全屏
来源:互联网 发布:加权平均图像融合算法 编辑:程序博客网 时间:2024/06/11 19:39
The full screen option, especially over the iframe embed code, can be difficult to get working depending on your site architecture. This is partially why we recommend the JS code.
If you need to use the iframe embed, though, and the full screen button is either missing or not working there are solutions.
The first is to look at your source code to see if you can find any iframes directly above the DaCast embed code. An "iframe within an iframe". Here is an example of this:
<iframe name="IFrame_i1cbhqkm" id="IFrame_i1cbhqkm" width="588" height="347" src="http://www.mywebsite.com/html/b32b8d.html">
<html>
<head></head>
<body>
<iframe src="https://iframe.dacast.com/b/888/c/9999" width="576" height="324" frameborder="0" scrolling="no" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen=""></iframe>
</body>
</html>
</iframe>
The issue caused here is that the "parent" iframe is blocking the content from going full screen. So the iframe within, in this case the DaCast player, is also blocked.
The solution is to allow the parent iframe to go full screen. You can do this by adding the following to the code:
allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true"
Using the above example, here is a version that will work with the full screen option:
<iframe name="IFrame_i1cbhqkm" id="IFrame_i1cbhqkm" width="588" height="347" allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true" oallowfullscreen="true" msallowfullscreen="true" src="http://www.mywebsite.com/html/b32b8d.html">
<html>
<head></head>
<body>
<iframe src="https://iframe.dacast.com/b/888/c/9999" width="576" height="324" frameborder="0" scrolling="no" allowfullscreen="" webkitallowfullscreen="" mozallowfullscreen="" oallowfullscreen="" msallowfullscreen=""></iframe>
</body>
</html>
</iframe>
- iframe不能全屏
- 两层iframe嵌套导致不能全屏问题
- 浏览器/iframe 全屏、退出全屏
- iframe全屏显示
- iframe自动全屏
- iframe全屏问题
- iframe 自适应全屏
- Chrome浏览器中使用 iframe 嵌入网页导致视频不能全屏的问题解决方法
- 远程桌面不能全屏,全屏设置
- 远程桌面不能全屏问题
- 启动之后不能全屏
- ScrollView不能全屏问题
- 树莓派有黑边不能全屏解决方法
- 远程桌面,不能全屏,怎么回事?
- 521_pulltorefreshScrollview不能全屏
- iframe标签不能合并
- iframe不能充满页面
- 远程桌面退出全屏/不能全屏/全屏切换的技巧
- LeetCode 199. Binary Tree Right Side View(二叉树右侧视图)
- Unity3d+moba+小地图
- Sql Function 在hive, Netezza, Oracle, Redshift之间的相互转换
- LeetCode 200. Number of Islands(小岛)
- universal-image-loader加载图片,程序异常崩溃,图片不在加载显示问题
- iframe不能全屏
- LeetCode 201. Bitwise AND of Numbers Range(范围内所有数值的比特与)
- redis笔记总结(一)集群分片
- BeanFactoryPostProcessor和BeanPostProcessor的区别
- Spring的BeanFactoryPostProcessor和BeanPostProcessor
- 线程安全问题
- LeetCode 202. Happy Number(快乐数字)
- Spring中Order接口的作用
- SVM详解(包含它的参数C为什么影响着分类器行为)-scikit-learn拟合线性和非线性的SVM