javascript - 预加载 javascript 一个嵌入式播放器

Question

如果我有内嵌代码的 HTML——例如，YouTube 的嵌入式播放器——我可以用 JavaScript、AJAX 等构建这个播放器的预加载器吗？

我问是因为如果我只嵌入播放器，页面在加载时是白色的，稍后播放器会显示自己...

Answer 1

如果您不能修改 Flash 文件以满足您的需要(使用 YouTube 剪辑时就是这种情况)，您可以在嵌入对象后面放置一个 div。嵌入对象在加载时会遮挡您的“splash”div - 假设它没有透明度。

.wrapper {
  width: 425px;
  margin: 0 auto;
}

.splash {
  position: absolute;
  width: 425px;
  height: 344px;
  background-color: red;
  z-index: -1;
}

<div class="wrapper">
  <div class="splash"></div>
  <object width="425" height="344">
        <param name="movie" value="http://www.youtube.com/"/>
        <param name="allowFullScreen" value="true"/>
        <param name="allowscriptaccess" value="always"/>
        <embed width="425" height="344" src="http://www.youtube.com/" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true"/>
  </object>
</div>