加载所有元素后如何最后播放 youtube 视频答案

【问题标题】：how to play youtube video at last when all element is load加载所有元素后如何最后播放 youtube 视频
【发布时间】：2014-06-07 20:32:47
【问题描述】：

我在我的页面中加载 YouTube 视频并在加载其他元素之前购买它。所以页面加载速度变慢了...

<div class="wel_come_msg">
    <div class="video_box">
        <iframe width="100%" height="315" src="//www.youtube.com/embed/rDm7WstKG8s?autoplay=1" frameborder="0" allowfullscreen></iframe>
    </div>
</div>

【问题讨论】：

在您的链接中看到autoplay=1？猜猜当你将它设置为 0 时会发生什么。jsfiddle.net/TheBanana/3TH3s
类似的问题； [有没有办法在我的网站上更快地加载嵌入的 YouTube 视频？][1] [1]：stackoverflow.com/questions/1268482/…
@Banana：他想在页面加载后播放视频。当autoplay 未设置时不会发生
@Augustus Francis 在这种情况下，恐怕仅使用 html 是不够的。加载 DOM 后，op 必须使用 javascript 手动加载视频
@Banana 是的，而且他似乎并不反对使用 jQuery。

标签： html dom

【解决方案1】：

将您的 iframe 更改为

<iframe id="video" width="100%" height="315" frameborder="0" allowfullscreen></iframe>

jQuery

$(document).load(function(){
  $("#video").attr("src","http://www.youtube.com/embed/rDm7WstKG8s?autoplay=1")
});

【讨论】：

【解决方案2】：

这将在页面加载时隐藏玩家所在的 div 2 秒。

<script type = "text/javascript">  
    $(window).load(function() {
        setTimeout(function() {
            $("#contentPost").show('fadeIn', {}, 500)
        }, 2000);
    });
    </script>

    <style>
    .video_box { display:none;}
    </style>

    <div class="wel_come_msg">
        <div class="video_box">
            <iframe width="100%" height="315" src="//www.youtube.com/embed/rDm7WstKG8s?autoplay=1" frameborder="0" allowfullscreen></iframe>
        </div>
    </div>

【讨论】：

不，这将在整个窗口的内容完全加载后 2 秒显示 div。您可以跳过 setTimeout 并获得相同的结果。尽管如此，op 并没有要求 jQuery 解决方案。
这不是 jQuery，因为它是 Javascript。其次，单独使用 html 是不可能的。
伙计，我什至懒得和你争论。请了解 jquery 是什么。
我包含了 setTimeout，因为操作没有指定在播放器之前没有加载哪个元素。通过使用 setTimout，他可以更好地把握时机。
只是为了帮助你避免以后的尴尬，我把这个链接留在这里w3schools.com/jquery/default.asp，默默的退了