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

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云端硬盘提供（右键点击视频 - ＆gt;“详细信息和活动”）。

我已将视频放入publicly shared folder。您可以打开该文件夹，然后单击视频。它将开始在网络播放器中播放。

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

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

Answer 1

我认为视频本身必须采用html5格式才能使用html5播放器播放。这是指向更多信息'convert any video to html5'

的链接

Answer 2

创建一个文件夹

称之为

分享文件夹

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

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

Answer 3

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

Answer 4

我尝试使用curl获取视频，但服务器返回403 Forbidden。可能在浏览器中也是如此。

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