使用HTML5视频嵌入Google云端硬盘视频

Question

使用HTML5视频嵌入Google云端硬盘视频

kpj*_*deo 4 html5 html5-video google-drive-api

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

我知道这样的“代理播放器”脚本，但是它们看起来非常粗略和昂贵。获得下载链接之类的旧方法不再起作用，该/get_player方法也不起作用。任何见解将不胜感激。

Answer 1

pej*_*jey 5

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

Run Code Online (Sandbox Code Playgroud)

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

-1请注意，这仅适用于小文件（<100 MB）。1）如果文件> 100MB，Google Drive需要一个“ confirm”参数，您事先无法知道。2）您基本上是在将视频“下载”到播放器中。如果用户尝试进一步搜索视频，则视频播放器可能会损坏。 (3认同)
我删了视频，抱歉。这是一个新示例 - http://jsfiddle.net/xav8kufe/ (2认同)
使用[此](https://www.wonderplugin.com/online-tools/google-drive-direct-link-generator/)将Google Drive链接转换为直接可下载链接。如果您提供 Google“apiKey”，则对于大于 100MB 的文件可以正常工作。 (2认同)

Answer 2

Raz*_*zor 5

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

Answer 3

小智 -1

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>

Run Code Online (Sandbox Code Playgroud)

归档时间：	8 年，4 月前
查看次数：	9845 次
最近记录：	7 年，7 月前