4

こんにちは、ウェブページを修正して読み込みを高速化しようとしています。いくつかのビデオが埋め込まれているので (blip.tv ですが、それが役立つ場合は youtube に変更できます)、ビデオがあるべき場所に画像をロードし、クリックすると画像をビデオに置き換えて再生を開始できるかどうか疑問に思っていました (リロードせずに)全てのページ）。これは前に見たことがあると思いますが、もうどこにもありません。現在、私が使用する埋め込みコードは次のとおりです。

<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>

ありがとう

4

2 に答える 2

4

手早く汚い: 埋め込みコードをどこかのグローバル変数として設定するだけです:

<script type="text/javascript">
    var embedCode = '<object data="http://blip.tv/play/gYMo_vAmAA" type="application/x-shockwave-flash" height="500" width="600"><param name="src" value="http://blip.tv/play/gYMo_vAmAA"><param name="allowfullscreen" value="true"></object>'
</script>

次に、画像をコンテナー div に配置し、コンテナーの innerHTML onclick を置き換えます。

<div id="videocontainer">
    <img src="yourimage.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="500" width="600" />
</div>
于 2009-05-08T09:12:54.780 に答える
0

SWFObject と呼ばれる Google コード プロジェクトがあり、必要なものに最適です。これは、Flash をロードするためのクロスブラウザ JavaScript ライブラリです。たとえば、誰かが画像をクリックしたときに、これを使用して画像を Flash ビデオに置き換えることができます。

于 2009-05-08T09:29:27.923 に答える