Question

尝试无限循环播放iFrame视频。找到主要用于youtube视频的解决方案。对于嵌入式视频，例如以下的任何解决方案？

<iframe src="https://embed.showcache.io/ptkFLE7sMONaS7YQ6PbtCM" frameborder="0" allow="autoplay; fullscreen;" allowfullscreen loop></iframe>

Answer 1

通常来说：不，您不能循环播放在<iframe>中运行的视频：

您可以通过JavaScript控制<video>元素的循环播放和回放，前提是您的页面具有操作权限（例如<video>元素位于您自己的网络中，页面，而不是<iframe>中的页面。）
但是视频托管网站的嵌入式播放器是单独的网页，已加载到<iframe>中，该网页将具有内容安全政策，该政策禁止父网页的脚本与{{1 }}的内容。
- 这听起来很烦人或反竞争，但这是一件好事：否则，您访问的任何网页都可能将您的YouTube帐户劫持到隐藏的<iframe>中。
因此，如果您使用的是视频托管网站（例如Vimeo，YouTube等），则无法从自己的脚本中直接控制其<iframe>元素。
- 但是，视频托管站点倾向于提供客户端脚本API或SDK，以执行常见的视频播放控制任务。例如。：
  - YouTube：https://developers.google.com/youtube/iframe_api_reference
  - Vimeo：https://developer.vimeo.com/player/sdk
如果您运行/操作/拥有加载到iframe中的页面，则可以设置自己的CSP，跨域和跨框架策略，以允许直接脚本访问嵌入式内容来直接控制{{1} }元素。
- 如果这样做，则必须格外小心，并使用受信任的<video>主机页面来源（域名）的显式允许列表，而不要使用通配符。