Question

我有一个设置，根据当前天气情况显示背景视频，如下所示：http://pitfarmtennis.co.uk/cms/。

有6个不同的视频，目前用jQuery代码来决定将它们设置为显示哪些：无，这可悲地意味着所有这些仍然加载。

这是目前正在进行特定视频播放的jQuery，在这种情况下是一个阳光明媚的视频：

    /*Day-sun*/
    if((weather.code == "28")||(weather.code == "30")||(weather.code == "44")) {
        $('.home-bg-sun').css("display","inline");
    }

我尝试过的一个解决方案是将HTML中的所有src属性设置为data-src，然后将相关的属性更改为src以触发视频，该视频迄今尚未奏效，但我可能已经完成了出了点问题：

jQuery的：

    /*Day-sun*/
    if((weather.code == "28")||(weather.code == "30")||(weather.code == "44")) {
        $('.home-bg-sun').attr('src', $('.home-bg-sun').attr('data-src'));
    }

HTML：

<div class="home-bg-sun">
    <video class="home-bg-sun-video" autoplay loop poster="wp-content/themes/eddiemachado-bones-9db85e4/library/images/home-bg-sun-first_frame.jpg">
        <source id="home-bg-sun-video-source" src="wp-content/themes/eddiemachado-bones-9db85e4/library/videos/home-bg-sun.webm" type="video/webm">
        <source id="home-bg-sun-video-source" src="wp-content/themes/eddiemachado-bones-9db85e4/library/videos/home-bg-sun.mp4" type="video/mp4">
    </video>
</div>

非常感谢任何帮助！

PS：我正在使用Yahoo Weather来获取天气状况。

Answer 1

您可以尝试删除＆＃34;自动播放＆＃34;来自隐藏视频的属性，并重构您的超文本，如：

Answer 2

视频元素上有http://imgur.com/a906BHt属性您可能需要尝试none或{{1}}值。

但请注意，此属性仅是浏览器的提示，不会强制它遵循它。

禁用加载

2 个答案: