使用videogular2播放Google云端硬盘中的视频

时间:2018-09-18 14:59:37

标签: html5-video videogular

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

                <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浏览器中,视频播放器在中央显示一个阻力图标,并且无法播放任何内容,如以下屏幕截图所示: Chrome browser

在Internet Explorer下,视频播放器在左侧显示文本“无效源”和播放按钮,如在下一张图片中可以看到的那样: Internet Explorer

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

对于与我做错事情有关的任何想法/指标,我将不胜感激。

2 个答案:

答案 0 :(得分:0)

感谢您提醒我这一点。我很久没找到答案了,但是我还没有更新。我当然会接受你的回答。

为了从我的应用程序中观看Google视频(不一定使用Videogular插件),我使用了iframe:

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

如果您要从特定时间而不是从头开始播放视频,请在视频网址上​​添加以下参数:

&t=10

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

答案 1 :(得分:0)

我遇到了同样的问题,并使用如下地址解决了该问题:

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