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>

Answer 2

也许我误解了，但如果嵌入式组件可以发出DOM事件信号，你可以用javascript捕获它并用实际加载的播放器替换一些启动图像。它是您嵌入内容的特定亲属。

预加载javascript嵌入式播放器

2 个答案: