如何使用javascript播放谷歌视频?

时间:2018-05-24 04:36:18

标签: javascript jquery html video google-drive-api

我在此页面上看到了类似我的问题:How to play video from google drive using javascript?

但是,我有一个问题。出于某种原因,这个答案来自这个问题:

Google通过google-drive提供了一些GET参数,例如exportid

?export=download&id=YOUR_LONG_VIDEO_ID

使您能够将上传的视频插入HTML5视频标记。

这应该有效:

$("#play").click(function() {
   $("#video")[0].play();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<button id="play" style="margin-top: 300px;">Play</button>

<video id="video" width="320" height="240" controls>
   <source src="https://drive.google.com/uc?export=download&id=0B8-qLYDzDfCyRF9vOE9sWmx5YjA" type='video/mp4'>
   Your browser does not support the video tag.
</video> 

当我在w3schools tryit上测试它时效果很好: https://www.w3schools.com/jquery/tryit.asp?filename=tryjquery_eff_show_hide

我为代码切换了代码,我只是将它用作我的练习区。

但是当我使用相同的公式放置我自己的视频时,只需用我自己的视频切换原始的谷歌驱动器视频,我的视频控件显示为灰色,显然无法播放视频。我的原始视频上传到我的谷歌照片上,放在我的谷歌硬盘上的一个命名文件夹中,文件夹和视频都可以通过链接访问任何人开放。

我不明白为什么原始视频效果正常,而我的视频效果不理想。这令人沮丧,因为我知道使用这种方式将谷歌驱动视频放入视频标签允许我使用我的自定义控件来控制视频。但出于某种原因,我的视频正在发生一些事情。

这是我的原始代码,你会发现它是一样的。

$("#play").click(function() {
   $("#video")[0].play();
});

$("#play2").click(function() {
   $("#video2")[0].play();
});
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
</head>

<body>
<button id="play" style="margin-top: 300px;">Play</button>
<video id="video" width="320" height="240" controls>
   <source src="https://drive.google.com/uc?export=download&id=0B8-qLYDzDfCyRF9vOE9sWmx5YjA" type='video/mp4'>
   Your browser does not support the video tag.
</video>
<br>
<br>
<button id="play2" style="margin-top: 300px;">Play</button>
<video id="video2" width="320" height="240" controls>
   <source src="https://drive.google.com/uc?export=download&id=1hLjl0TDEOnPrgXhFxAVNL5fM_qLtCgB9lA" type='video/mp4'>
   Your browser does not support the video tag.
</video>

很多帮助将是伟大的!!!!!!!!

2 个答案:

答案 0 :(得分:1)

转到Google云端硬盘中的视频。 右键单击并选择获取可共享链接,然后将共享设置更改为“开启 - 在网络上公开”。

Refer Image for sharing setting

答案 1 :(得分:0)

根据我的说法,您的驱动器视频存在权限问题。因为我试图点击您的链接,我收到了许可错误。但以前的驱动器视频((工作正常))很容易访问。