使用 HTML5 视频嵌入 Google Drive 视频答案

【问题标题】：Embedding Google Drive Videos using HTML5 video使用 HTML5 视频嵌入 Google Drive 视频
【发布时间】：2018-01-06 04:38:05
【问题描述】：

我正在寻找一种使用 HTML5 <video> 标签嵌入 Google Drive 视频的方法。目前的选项并不完全适合我想对播放器做的事情。直接来自 Google Drive 的嵌入链接似乎不允许您删除在单独的选项卡中打开视频的按钮，也不允许您自定义播放器的外观。有什么方法可以从驱动器链接获取实际文件并将其嵌入到 HTML <video> 标记中？

我知道这样的“代理播放器”脚本，但它们看起来非常粗略且昂贵。获取下载链接等旧方法不再有效，/get_player 方法也不再有效。任何见解将不胜感激。

【问题讨论】：

How to embed videos from Google drive to webpage?的可能重复

标签： html google-drive-api html5-video

【解决方案1】：

<video>
    <source src="https://drive.google.com/uc?export=download&id=videoID" type='video/mp4'>
</video>

将链接中的“videoID”替换为您的视频 ID。（要找到它 - 右键单击 Google Drive 视频，获取可共享链接）

【讨论】：

我在您的示例@pejey 中看到了一个播放器，但没有可播放的视频。是坏了还是视频不再有效？
我删除了视频，抱歉。这是一个新示例 - jsfiddle.net/xav8kufe
-1 请注意，这只适用于小文件（confirm 参数，而您事先无法知道。 2）您基本上是将视频“下载”到播放器中。如果用户尝试进一步搜索视频，视频播放器可能会中断。
使用this将谷歌驱动链接转换为直接下载链接。如果您提供 Google apiKey，它将适用于大于 100MB 的文件。
正如@YTZ 提到的，此方法仅适用于

【解决方案2】：

不久前，我为类似的问题写了answer。这是一个非常简单的过程，适用于任何大小的文件。如果您有任何问题，请随时在 cmets 中提问。

【讨论】：

【解决方案3】：

试试这个

&lt;iframe src="https://drive.google.com/file/d/VideoID/preview" width="600" height="480"&gt;&lt;/iframe&gt;

将 VideoID 替换为您的 Google Drive 视频 ID

【讨论】：

【解决方案4】：

1你拍视频链接，例如：https://drive.google.com/file/d/1cUhj0mYvf5mTPOaXsDlrdrESSNolqiVP/view?usp=sharing

2 您通过预览替换最后一个斜线之后的字符例如：https://drive.google.com/file/d/1cUhj0mYvf5mTPOaXsDlrdrESSNolqiVP/preview

3 使用 iframe：

<iframe width="100%" height="100%" src="https://drive.google.com/file/d/1cUhj0mYvf5mTPOaXsDlrdrESSNolqiVP/preview"></iframe>

【讨论】：