web-dev-qa-db-ja.com

HTML5オーディオコントロールを非表示にするにはどうすればよいですか？

HTML5オーディオブラウザー固有のコントロールを非表示にするにはどうすればよいですか？各トラックを表すサムネイル画像と再生/一時停止するJavaScriptを作成しています。

ありがとう！

HTML：

<audio class="thumbnail" id="paparazzi" controls="none">
    <source src="song.ogg" type="audio/ogg" />
    <source src="../audio/fernando_garibay_paparazzisnlmix.mp3" type="audio/mpeg" />
    Your browser does not support HTML5 audio.
</audio>
javascripthtmlaudiohidehtml5-audio
17
technopeasant

コントロール属性はブール属性です。これは、指定されている場合、controlsはtrueであり、指定されていない場合、controlsはfalseであることを意味します。

妥当性に関する限り、コントロールをtrueにしたい場合は、次の方法で指定できます。

<audio controls>
<audio controls="controls">
<audio controls="">
24
Shadow2531

controls属性をまったく指定しないでください。これにより、表示が停止します（5秒のgoogleの後でこれを取得したので、引用しないでください）。

HTML5ビデオ-プログラムでコントロールを表示/非表示

16
Chris Eberle
 var audio = document.getElementById('audioFile');
    audio.controls = false;



    <audio  id="audioFile" width="100%" height="auto" controls>
              <source src="xyz.mp3" type="audio/mpeg">
              </audio>
0
sukanya