使用 videogular2 播放来自 Google 驱动器的视频

Question

我正在尝试使用 videogular2，我只是将静态视频内容 link 替换为 Google 驱动器中指向 MP4 视频文件的可共享 link。

                <vg-player>
                    <video [vgMedia]="media" #media id="singleVideo" preload="auto" controls>
                        <source src="https://drive.google.com/open?id=xyz" type="video/mp4">
                    </video>
                </vg-player>

在 Chrome 浏览器下，视频播放器在中心显示一个阻力图标，无法播放任何内容，如下图所示：

在 Internet Explorer 下，视频播放器会在左侧显示文本 "Invalid source" 和播放按钮，如下图所示：

但是如果我使用示例 URL：http://static.videogular.com/assets/videos/videogular.mp4 效果很好。

如有任何 ideas/pointers 与我做错的事情有关，我将不胜感激。

Answer 1

谢谢你提醒我这一点。我找到了很长时间的答案，但我还没有更新。我当然会接受你的回答。

为了从我的应用程序（不一定使用 Videogular 插件）观看 Google 视频，我使用了 iframe：

<iframe src="https://drive.google.com/file/d/ *** VIDEO ID *** /preview?pli=1" frameborder="0" target="_parent">
</iframe>

如果您想从特定时间开始播放视频而不是从开始播放，请在视频中添加此参数 url:

&t=10

其中 10 是以秒为单位的开始时间。在这种情况下，视频将从第 10 秒开始播放。

Answer 2

我遇到了同样的问题并使用如下地址解决了它：

https://drive.google.com/uc?id=ID_OF_YOUR_VIDEO&export=download&authuser=0

使用 videogular2 播放来自 Google 驱动器的视频

Playing videos from Google drive with videogular2

html5-video

videogular