3

我必须在我的网站页面中嵌入我的谷歌驱动器中的视频。视频最初会隐藏在图像后面，单击图像时视频应该开始播放。我尝试过的实现如下，

1）使用视频标签

<video>
    <source type="video/mp4"
          src="https://drive.google.com/file/d/1mNaIx2U3m7zL9FW-wksaI1m_rL5Oh47v/preview?rel=0;&autoplay=1&mute=1"> 
</video>
  • 这仅显示没有任何视频加载的播放器。

2) 使用 iframe

<iframe width="560" height="315" src="https://drive.google.com/file/d/1mNaIx2U3m7zL9FW-wksaI1m_rL5Oh47v/preview" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
  • 哪种有效，但视频无法以任何方式自动播放，并且在单击两次后播放视频 - 首先要单击视频图像，然后单击播放按钮。
  • 无法从源代码访问 iframe 元素。
  • Mozilla Firefox 也不支持 iframe。

3）使用嵌入标签

<embed width="550px" height="310px" src="https://drive.google.com/file/d/1mNaIx2U3m7zL9FW-wksaI1m_rL5Oh47v/preview">
  • 这里自动播放和全屏都不起作用。
  • 嵌入中的元素无法从原始代码访问。

对此的任何帮助将不胜感激！

4

0 回答 0