wordpress 元素或背景视频未播放

ftf50wuq  于 2022-11-02  发布在  WordPress
关注(0)|答案(1)|浏览(201)

在我正在做的一个网站-https://bi-impro.si上,首页有一个gif背景图片,当你访问网站时可以看到。那个gif是一个大文件,所以我把它转换成.mp4,上传视频,在elementor中选择视频背景选项,然后粘贴视频链接(https://bi-impro.si/wp-content/uploads/2021/12/prstki_mp4.mp4)。但是当我测试网站的时候视频没有加载,它只是显示了灰色区域。我添加了一个提到的gif图像的“背景回退”选项,但是我想使用.mp4图像文件,因为它加载更快。
如果我没看错的话,在网页源代码中有这样几行:

<section class="elementor-section elementor-top-section elementor-element elementor-element-afa0f47 elementor-section-height-min-height elementor-section-boxed elementor-section-height-default elementor-section-items-middle" data-id="afa0f47" data-element_type="section" data-settings="{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\/\/bi-impro.si\/wp-content\/uploads\/2021\/12\/prstki_mp4.mp4&quot;,&quot;background_video_start&quot;:0,&quot;background_video_end&quot;:10,&quot;background_play_on_mobile&quot;:&quot;yes&quot;,&quot;background_play_once&quot;:&quot;yes&quot;}">
                                <div class="elementor-background-video-container">
                                                    <video class="elementor-background-video-hosted elementor-html5-video" autoplay muted playsinline></video>
                                            </div>
                                    <div class="elementor-background-overlay"></div>

但是我看不出有什么问题。我不是一个网页程序员,我只是用Elementor来建立这个网站。

68bkxrlz

68bkxrlz1#

在特定的页面上,您想要添加视频,您会注意到没有src属性,这就是为什么没有视频.....
临时修复,在页面上添加一个脚本标签,并添加此.... with“xyz.mp4”=视频名称

document.addEventListener("DOMContentLoaded", () =>{
    document.querySelector('#intro-video video').src = "xyz.mp4;
})

相关问题