内部にコードが埋め込まれた HTML がある場合 (YouTube の埋め込みプレーヤーなど)、このプレーヤーのプリローダーを JavaScript や AJAX などで作成できますか?
プレーヤーだけを埋め込んでいると、読み込みの瞬間にページが白くなり、後でプレーヤーが表示されるためです...
内部にコードが埋め込まれた HTML がある場合 (YouTube の埋め込みプレーヤーなど)、このプレーヤーのプリローダーを JavaScript や AJAX などで作成できますか?
プレーヤーだけを埋め込んでいると、読み込みの瞬間にページが白くなり、後でプレーヤーが表示されるためです...
必要に応じて Flash ファイルを変更できない場合 (YouTube クリップを使用する場合など)、埋め込まれたオブジェクトの後ろに div を配置できます。埋め込みオブジェクトは、読み込み時に「スプラッシュ」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>
誤解しているかもしれませんが、埋め込まれたコンポーネントがDOMイベントを通知できる場合は、JavaScriptでキャッチし、スプラッシュ画像を実際に読み込まれたプレーヤーに置き換えることができます。これは、埋め込んでいるコンテンツに固有の種類です。