HTML5のオーディオプレーヤーの再生/一時停止ボタンとして画像を使用したい。
コントロールを表示する必要はありません。オーディオ要素を非表示にし、JavascriptまたはjQueryを使用して、画像がクリックされるたびにオーディオを再生/一時停止するなど、これを行う方法はありますか?
HTML5のオーディオプレーヤーの再生/一時停止ボタンとして画像を使用したい。
コントロールを表示する必要はありません。オーディオ要素を非表示にし、JavascriptまたはjQueryを使用して、画像がクリックされるたびにオーディオを再生/一時停止するなど、これを行う方法はありますか?
はい、私のプレーヤーをチェックしてください(まだ建設中です):http: //zachrip.net/pソースコードを見ると、音楽プレーヤーを作るために不可欠なものがたくさんあります。編集:必要に応じて、基本的なソースコードを送信することもできます。確認してコピーし、使用することで最もよく学習できます。
はい、これを使用できます:
HTML
<audio id="player">
<source src="file.ogg" type="audio/ogg">
<source src="file.mp3" type="audio/mpeg">
Your browser does not support the audio element.
</audio>
JS
var player = document.getElementById('player');
player.play();
一時停止します
player.pause();
さらにサポートが必要な場合はお知らせください:)