iframe嵌套不能使用全屏

添加allowfullscreen属性：确保iframe标签包含allowfullscreen属性，这允许iframe内的内容请求全屏模式，

使用webkitallowfullscreen属性作为兼容性措施：

例如

<iframe src="your-source-url.html" width="100%" height="300" allowfullscreen webkitallowfullscreen></iframe>

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • HTML <iframe>和<frame>标签
    元素会创建包含另外一个文档的内联框架（即行内框架）； 一、align 属性（不赞成） align属性规定ifram...
    puxiaotaoc阅读 19,798评论 0赞 14
  • HTML/HTML5 基础知识 | 面试题专用
    DTD 介绍 DTD（Document Type Definition 文档类型定义）是一组机器可读的规则，它们定...
    lio_zero阅读 2,779评论 0赞 9
  • iframe详解
    1. iframe基本内涵 通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。 fra...
    杨戬Yj阅读 19,766评论 0赞 4
  • iframe中的页面requestFullScreen不能全屏问题
    最近做了个页面中有视频播放器，点击全屏按钮可以全屏，但是把页面链接提供给第三方系统用iframe去访问时，全屏功能...
    21度C阅读 2,136评论 0赞 1
  • 面试题
    前端开发面试题 面试题目： 根据你的等级和职位的变化，入门级到专家级，广度和深度都会有所增加。 题目类型： 理论知...
    怡宝丶阅读 2,613评论 0赞 7