GET（谷歌驱动文件）net::ERR_CONNECTION_TIMED_OUT答案

【问题标题】：GET (googledrive-file) net::ERR_CONNECTION_TIMED_OUTGET（谷歌驱动文件）net::ERR_CONNECTION_TIMED_OUT
【发布时间】：2022-08-17 17:34:13
【问题描述】：

我正在尝试使用我在 googledrive 中上传的视频，在我的 HTML 项目中，该链接是任何人都可以作为查看器访问的，但我返回的是一个错误。当我点击它时，它说我需要用一个应用程序打开它，因为几个小时以来他们一直在“分析视频”。 https://drive.google.com/file/d/1vJgksW011ngQpyBV7xdrJid3X4cLFza_/view?usp=sharing 在我输入的 HTML 中：

<video controls autoplay width=\"320\" height=\"240\">
        <source src=\"https://drive.google.com/file/d/1vJgksW011ngQpyBV7xdrJid3X4cLFza_/view?usp=sharing\" type=\"video/mp4\">
    </video>

它什么也没显示。在控制台日志中，我得到：

ERROR : GET https://drive.google.com/file/d/1vJgksW011ngQpyBV7xdrJid3X4cLFza_/view?usp=sharing net::ERR_CONNECTION_TIMED_OUT

我究竟做错了什么？

标签： html video google-drive-api

【解决方案1】：

尝试添加

将/file/d/ 替换为/u/0/uc?id=
将结尾 /view?usp=sharing 替换为 &export=download

输入是：

https://drive.google.com/file/d/1vJgksW011ngQpyBV7xdrJid3X4cLFza_/view?usp=sharing

在<video> 标签中使用的输出：

https://drive.google.com/u/0/uc?id=1vJgksW011ngQpyBV7xdrJid3X4cLFza_&export=download

示例代码：

<!DOCTYPE html>
<html>
<body>

<video id="background-video" autoplay loop muted poster="./assets/clouds_HP.jpg">
<source src="https://drive.google.com/u/0/uc?id=1vJgksW011ngQpyBV7xdrJid3X4cLFza_&export=download" type="video/mp4">
</video>

</body>

<script>

var vid = document.getElementById("background-video");
vid.addEventListener('click', function(evt) { handle_Click (evt) } );

function handle_Click (evt)
{
     //alert("clicked object ID is : " + evt.target.id);
     vid.muted = false;
}

</script>

</html>

【讨论】：

嗨，该代码在我的 VScode 上完美运行，但是在 GitHub Pages 上它没有显示视频，而是显示图像。我也想知道它是否与字体相同。我保存了一个 woof 和 woof2 并对 url 进行了修改，如图所示。
“...在 GitHub 页面上，它没有显示视频”显示问题页面的链接。
我尝试使用视频作为页面背景：simone-me.github.io/my_test
尝试将第一行 <video> 设置为：<video id="background-video" muted autoplay loop poster="./assets/clouds_HP.jpg"> ...基本上你不能自动播放有声音的视频，所以添加一个静音到播放设置。要发出声音，用户必须首先单击页面上的某些内容（例如：单击以显示主页内容（通过 CSS 取消隐藏某些内容），这意味着他们现在可以看到主页在视频中播放音频）
看看编辑是否可以帮助您在播放期间获得声音。最快的解决方法是让用户可以选择单击背景（视频）上的任意位置，从而启用声音。因此，只需在 <body> 的代码之后添加一个 <script>，其中有一个用于“点击”视频对象的侦听器，然后对某些函数做出反应。