javascript - YouTube 视频嵌入循环

标签 javascript html youtube

我已经制作了这个脚本,但有两个奇怪的问题:

<div style="position: fixed; z-index: -99; width: 100%; height: 100%">
   <iframe frameborder="0" height="100%" width="100%" 
src="https://youtube.com/embed/kWoxV4HLgKg?rel=0&loop=1&autoplay=1&controls=0&showinfo=0&autohide=1">
   </iframe>
</div>

loop=1 不起作用,我不知道为什么。

我基于:https://developers.google.com/youtube/player_parameters#autoplay

此外,视频并未占据 100% 的屏幕,而是有 2 条黑带。

有没有可能解决这两个问题?

最佳答案

根据以下文档,循环在 iframe 中不起作用。 https://developers.google.com/youtube/player_parameters#loop

关于文档中的循环参数 注意:此参数在 AS3 播放器和 IFrame 嵌入中的支持有限,可以加载 AS3 或 HTML5 播放器。目前,循环参数仅在与播放列表参数结合使用时在 AS3 播放器中有效。要循环单个视频,请将循环参数值设置为 1,并将播放列表参数值设置为已在播放器 API URL 中指定的相同视频 ID

视频的尺寸为 854 像素 x 480 像素。您需要保持该纵横比才能消除黑色空间。

关于javascript - YouTube 视频嵌入循环,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43695815/

相关文章:

html - 当主容器是水平 flex 盒时, flex 盒收缩主容器

javascript - StopPropagation() 不工作

linux - 如何捕获 bash 脚本的输出并将其导入另一个脚本?

JavaScript promise : is there any differences between anonymous and not anonymous callbacks?

javascript - 当按下按钮时如何重新加载单独的页面?

php - 如何创建允许选择多个文件的文件输入?

javascript - 爆米花.js : on mobile browser youtube "play" button does not appear

javascript - 为什么 youtube 视频没有使用 Jquery 在 iframe 中加载?

javascript - 客户网站上的恶意软件 - 想法?

javascript - 如何在具有一致不透明度的 Canvas 上进行绘制?