如何使用JavaScript而非iframe嵌入YouTube播放列表?

时间:2014-09-09 19:08:15

标签: javascript jquery wordpress youtube embed

我在网上找到了使用js点播嵌入嵌入youtube视频的代码,现在我想对播放列表做同样的事情。

典型的youtube iframe嵌入代码:

<iframe width="320" height="180" src="http://www.youtube.com/embed/LcIytqkbdlo">
</iframe>

现在使用js和按需嵌入:

<div class="youtube" id="LcIytqkbdlo" style="width: 320px; height: 180px;"></div>
<script src="https://labnol.googlecode.com/files/youtube.js"></script>

使用js时,视频不会自动加载。相反,他们有一个缩略图占位符,我想用播放列表这样做。

以下是我从以下网站获取代码的网站的链接:
http://www.labnol.org/internet/light-youtube-embeds/27941/

这是一个典型的youtube嵌入:

<iframe width="560" height="315" src="//www.youtube.com/embed/ZK3ZZxfAQg8?list=PL9tY0BWXOZFvWi6WNdcokF_YvXUxyESRW" frameborder="0" allowfullscreen></iframe>

但视频默认加载而不是默认缩略图。当视频默认加载时会增加网页的加载时间,加载时我不是说自动播放

0 个答案:

没有答案