当前位置：文江博客话题详情

在嵌入式播放器中预加载 javascript

发布于 2024-07-22 11:25:49 字数 130 浏览 4 评论 0原文

如果我有嵌入代码的 HTML（例如 YouTube 的嵌入式播放器），我可以用 JavaScript、AJAX 等为该播放器构建预加载器吗？

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

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半枫 2024-07-29 11:25:49

如果您无法修改 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>

If you can't modify the flash file to suit your needs (as is the case when using a YouTube clip), you could place a div behind the embedded object. The embed object will obscure your "splash" div when it loads - assuming that it has no transparency.

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

回复收藏 0 原文