通过 Chrome 中的 iframe 访问时，Youtube 插入的视频不显示全屏按钮

【问题标题】：Youtube insterted video not showing full screen button when accessed through iframe in Chrome通过 Chrome 中的 iframe 访问时，Youtube 插入的视频不显示全屏按钮
【发布时间】：2014-05-15 11:18:58
【问题描述】：

我不确定为什么在通过 chrome 中的 iframe 查看嵌入的 youtube 视频时看不到全屏按钮。这只发生在 chrome 中（用 Firefox、IE、Safari、Chrome 测试）。

当它通过 iframe 呈现时，您可以通过下面的小提琴看到我的意思。 <iframe width="560" height="315" src="//www.youtube.com/embed/BKorP55Aqvg" frameborder="0" allowfullscreen></iframe>

http://jsfiddle.net/9sgng/

这是错误/谷歌偏好还是有解决方法？

【问题讨论】：

  • 在 chrome 和 IE 中都面临同样的问题
  • 嘿@mjs，我发现我在 youtube iframe 上只有 allowfullscreen；您还需要在持有 youtube iframe 的 iframe 上使用它。

标签： html google-chrome iframe youtube fullscreen


【解决方案1】：

我发现我在 youtube iframe 上只有 allowfullscreen，但在持有 youtube iframe 的 iframe 上也需要它。

【讨论】：

  • 如果iframeNode 持有对上级iframe 元素的引用，您可以使用iframeNode.setAttribute('allowfullscreen','true'); 进行设置
猜你喜欢
  • 2019-11-19
  • 1970-01-01
  • 2012-02-17
  • 1970-01-01
  • 2020-01-26
  • 2012-08-29
  • 2014-07-11
  • 1970-01-01
  • 2017-02-22
相关资源
最近更新 更多
热门标签
Java Python linux javascript Mysql C# Docker 算法 前端 SpringBoot Redis Vue spring 设计模式 .net core .net kubernetes c++ 数据库 数据结构 大数据 js 机器学习 微服务 Android Go 程序员 面试 JVM ASP.net core 云原生 人工智能 后端 PHP git CSS golang k8s Nginx Django mybatis 深度学习 多线程 React 架构 devops 爬虫 云计算 Spring Boot LeetCode