视频无法在 iframe 标记中全屏播放答案

【问题标题】：Video not play in fullscreen in iframe tag视频无法在 iframe 标记中全屏播放
【发布时间】：2017-11-23 20:26:15
【问题描述】：

我想全屏播放视频。我使用 iframe 标签在弹出窗口中播放视频。

但它不是全屏播放。它从四面八方放置填充物。如何全屏播放视频？

我使用此代码全屏显示，但它不起作用。

<iframe id="popup_video" width="600" height="300" src="videopath" frameborder="0" allowfullscreen webkitAllowFullScreen mozAllowfullscreen></iframe>

输出：

【问题讨论】：

能否请您在代码 sn-p 中添加您的 html 代码？
在 youtube 视频中它是全屏显示...但从本地视频中它不是全屏播放 @NiravJoshi

标签： html video iframe

【解决方案1】：

将这些属性添加到 iframe：<iframe … allowfullscreen="true" webkitallowfullscreen="true" mozallowfullscreen="true">（但不支持 IE）

【讨论】：

allowfullscreen="allowfullscreen" 试试这个
你用的是哪个浏览器？
firefox 和 chrome
如果您无法执行此操作（因为视频已经嵌入到您无法访问的位置），您必须采用解决方法（新窗口全尺寸）。

【解决方案2】：

<html>
<head>
<title>
video
</title>
<style>
.iframe-container {
  position: relative;
  padding-bottom: 56.25%; /* 16x9 */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto;
}
.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
</style>
</head>
<body>

<div class='iframe-container'>
  <iframe src='videopath' frameborder='0' allowfullscreen></iframe>
</div>
</body>
</html>

【讨论】：

您是在谈论使视频全屏以适合您的浏览器窗口大小吗？还是让视频适合 iframe 容器？