使用 <video> HTML5 代码在 Google 云端硬盘中的网页上插入视频

Insert video on web page from Google Drive using <video> HTML5 Tag

提问人:Andrea D'Ambrosio 提问时间:11/17/2023 更新时间:11/17/2023 访问量:31

问:

我的网页在加载时遇到问题,因为标题中的视频对页面的美观很重要。页面加载速度非常快,但我的服务器在加载视频时的 TTFB 约为 4/5s。因此,我将视频上传到我的 Google Drive 广告中,我为带有链接的每个人设置了权限。但是视频没有加载到没有我的谷歌帐户的设备。

这是来自Google云端硬盘的视频的权限。Google云端硬盘上的权限之后,我从主页的 php 文件中链接到视频。使用其他一些链接,以防第一个失败。

<video id="fp-slider-video" <?php echo esc_attr(implode(' ', $video_atts)); ?> poster="https://www.villabentivogliomarche.com/wp-content/uploads/2023/11/frist_frame-1.png">

                    <source src="https://drive.google.com/uc?export=download&id=1D3eUcSeRTgPB3weoUHyFoEO4qfhWjpMb" type="video/mp4">
                    <source src="https://github.com/Andrea-Dambrosio/collegamentoLDVForum-Drive/blob/main/Villa%20Bentivoglio%20DRONE%20-%20O%20(online-video-cutter.com)%20(1)%20(3).mp4" type="video/mp4">
                    <source src="https://www.villabentivogliomarche.com/wp-content/uploads/2023/11/Villa-Bentivoglio-DRONE-O-online-video-cutter.com-1.mp4" type="video/mp4">

                    You browser don't support video.

                </video>

视频从我的个人浏览器加载速度超快。GitHub 链接在任何地方都不起作用,在其他设备上,视频直接从我的服务器加载:

https://www.villabentivogliomarche.com/wp-content/uploads/2023/11/Villa-Bentivoglio-DRONE-O-online-video-cutter.com-1.mp4

但真的很慢,而且用户体验很糟糕。 为什么视频没有从谷歌云端硬盘加载到任何地方,文件权限是给所有人的。

php html wordpress 网页 HTML5-视频

评论


答: 暂无答案