如何将视频从 Google 驱动器嵌入到网页?

Posted

技术标签:

【中文标题】如何将视频从 Google 驱动器嵌入到网页?【英文标题】:How to embed videos from Google drive to webpage? 【发布时间】:2017-04-18 12:04:38 【问题描述】:

我正在尝试在网页上加载视频,并且它适用于 YouTube 嵌入代码。但是,当我将代码中的 src 替换为视频的 Google Drive 链接(打开共享)时,什么也没有出现。我的意思是,没有错误,但它是空白的。为什么这里什么都没有出现?我怎样才能让这个谷歌驱动器视频也加载到我的网页上?我不想在 chrome 中手动粘贴 url。

这没有任何作用:

<html>
<head>
</head>
<body>
<iframe   src="https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/view?usp=sharing"></iframe>
</body>
</html>

YouTube 版本完美运行:

<html>
<head>
</head>
<body>
<iframe   src="https://www.youtube.com/embed/UTt33udwRw0" frameborder="0" allowfullscreen></iframe>
</body>
</html>

如何让 Google Drive 中的视频像 YouTube 视频一样在我的网页上播放?如果不能直接嵌入 - 可以使用哪些替代方案让视频出现 - iframe 显然不起作用,必须有一些替代方案。

另外,有人知道如何让它自动播放吗?

谢谢

【问题讨论】:

【参考方案1】:

您需要使用 Google Drive Embed 选项。这是您要查找的网址: https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview

<html>
<head>
</head>
<body>
<iframe   src="https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview"></iframe>
</body>
</html>

您可以通过将 ?autoplay=1 附加到 URL 来使其自动播放,因此它现在是 https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview?autoplay=1

【讨论】:

嘿青蛙,这行得通。你在哪里找到的,我在 G Drive 的任何地方都找不到嵌入选项。谢谢大佬。 在右上角,点击三个垂直的小点,然后点击“嵌入项目...” 另外,您可以通过将 ?autoplay=1 附加到 url 来使其自动播放,因此它现在是 https://drive.google.com/file/d/1pdvh_mEnkXPKA3jivYIpYKTaoukxH5p3Yg/preview?autoplay=1。将其编辑到我的主要帖子中,没有看到您第一次询问如何做到这一点。 我直接从驱动器检查它。需要在新标签中打开视频或使用另一个标签中的共享链接并检查那里的菜单。知道了。感谢您成为了不起的 Bugfroggy! 自动播放卡在永远加载中【参考方案2】:

通过使用 IFRAME

    &lt;iframe src="https://drive.google.com/uc?export=preview&amp;id=1Um_zcEVWd0Wi7B1dsWGf7ixiXTdoFYMm" width="640" height="480" allow="autoplay"&gt;&lt;/iframe&gt;

使用视频标签

<video   controls>
<source src="https://drive.google.com/uc?export=preview&id=1Um_zcEVWd0Wi7B1dsWGf7ixiXTdoFYMm" type="video/mp4">
Your browser does not support the video tag.
</video>
只需将 id 值替换为您的 google drive 文件 id,您可以从 google drive 中获取。按照步骤:
    在谷歌驱动器中打开视频预览。 在左上角的 3 个点屏幕上,单击以在新窗口中打开。 再次单击 3 个点,这次在打开的菜单中您将看到嵌入项目选项并单击它。 现在您将从链接中获得一个 iframe 标记,仅复制视频 ID。 然后将此视频的设置更改为任何人都可以观看。

快乐的视频嵌入 :-)

【讨论】:

以上是关于如何将视频从 Google 驱动器嵌入到网页?的主要内容,如果未能解决你的问题,请参考以下文章

从 google-site 上的嵌入式(iframe)片段,引用存储在 google 驱动器上的 json 文件

youtube播放器api是否适用于谷歌驱动器嵌入式视频?

Android 从 Google 驱动器流式传输视频

如何使用 Google.Apis.YouTube.v3 和 C# 将视频上传到 youtube?

Google Drive - 视频流

如何从Google驱动器获取文件夹列表?