質問
次のHTMLを使用してデフォルトのメディアプレーヤーをWebページに埋め込みました
<object height="20" width="200">
<embed src="url to music" autostart="false" loop="false" height="20" width="200">
</object>
Web サイトにアクセスするたびに、このオブジェクトは自動的に音楽をダウンロードします。自動ダウンロードを無効にするにはどうすればよいですか?誰かが再生ボタンをクリックしたときにのみ読み込まれるようにしたいです。
解決
今日調べてみましたが、ブラウザに正確にそれを行うように指示する方法は見つかりませんでした。
私が考えることができる最良の方法は、代わりに <object ...>
, では、プレーヤーに似た画像を表示し、その画像に onclick プロパティを追加し、JavaScript を使用して画像を実際のオブジェクトに置き換えます。何かのようなもの :
<div><img src="player.png" onclick="this.parentNode.innerHTML = '<object height=\'20\' width=\'200\'> <embed src=\'url-to-music\' autostart=\'false\' loop=\'false\' height=\'20\' width=\'200\'> </object>'"></div>
を維持する必要があることを付け加えておきます。 <div>
画像の周囲に(または <span>
, 、または適切と思われる任意のタグ) parentNode.innerHTML
, つまり、親 (この場合は画像) に含まれる HTML です。
所属していません StackOverflow