Question

我在我的页面加载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>

Answer 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")
});

Answer 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>

当所有元素都加载时，如何播放youtube视频

2 个答案: