尝试从HTML5中的Google云端硬盘流式传输视频时出现问题<video>

Question

这是我的代码：

<video preload="metadata" controls>
  <source 
    src="https://googledrive.com/host/0B5i16Q7VQGPdaWozX0hORUFXVWc/video.mp4" 
    type="video/mp4"></source>
</video>

现场演示： http ： //jsfiddle.net/simevidas/E782R/4/

现场演示（全页）： http ： //jsfiddle.net/simevidas/E782R/4/show/light/

如果您想知道网址的来源，则由Google云端硬盘提供（右键点击视频 - >“详细信息和活动”）。

我把视频放在公共共享文件夹中 。 您可以打开该文件夹，然后单击视频。 它将开始在网络播放器中播放。

问题是我的代码由于某种原因不起作用。 在Chrome中打开我的演示，然后在浏览器的DevTools中查看“网络”面板。 您将看到请求被取消：

这里发生了什么？ 我错过了什么？

Answer 1

我相信视频本身必须采用html5格式才能使用html5播放器播放。 这里有更多信息的链接'将任何视频转换为html5'

Answer 2

创建一个文件夹

什么都叫它

分享文件夹

......在网上公开。 注意id = url的一部分

将内容上传到文件夹。 它现在托管在https://googledrive.com/host/[folder id] / [filename]，例如https://googledrive.com/host/0B28BnxIvH5DuVTRZUHdueFl2ZFk/hello.html

Answer 3

谷歌硬盘有一些错误或“功能”与热链接mp4文件。 我猜这是故意迫使你使用Drive的视频共享功能，以便他们可以节省带宽，但我不知道。 一段时间后他们总是403。 您可以尝试使用webm，显然它不会发生在webm文件中。

Answer 4

我尝试使用curl获取视频，但服务器返回403 Forbidden 。 浏览器内部可能会发生同样的情况。

您所拥有的链接可能是错误的链接（使用时服务器可能需要会话cookie，什么不是）。 尝试使用共享链接。 要获取共享链接，请单击共享按钮，然后单击change ，然后单击Public on the web ，然后复制对话框顶部的链接。 这对我有用。