1

コントロールが最初に表示されないオーディオタグがあり、ユーザーが次のようなリンクをクリックすると表示されます。

var audio = document.getElementById(audioId);
if (audio.paused) {
    audio.src = clip;
    audio.play();
    audio.setAttribute("controls", "controls");
}
else {
    audio.removeAttribute("controls");
    audio.pause();
    audio.currentTime = 0;
}

クリップは、再生するオーディオファイルのURLです。

音声は次のようになります。

<audio id="audio1"></audio>

コントロールの位置を設定するにはどうすればよいですか?また、コントロールのサイズを設定することもできますか?

オーディオタグはリスト要素の子です。他のすべてのリスト要素については、次のように配置します。

#track_title {
    position:absolute;
    top: 2px;   
    left: 80px;
    font-size: 15px;
    font-weight: bold;
}
4

2 に答える 2

0

html5オーディオタグのCSSを介してhtml5オーディオプレーヤーコントロールを制御する方法はありません。ただし、デフォルトのコントロールをそのままにして、javascriptを介して独自のコントロールを実装することもできます。

ただし、 jPlayerと呼ばれる既存のhtml5テーマプレーヤーが あり、非常に便利であることが証明されています。

于 2012-09-03T04:03:38.427 に答える
0

Media APIを使用して独自のコントロールのセットを作成し、他のHTML要素と同じようにCSSを介して必要に応じてスタイルを設定できます。これをAdobeDeveloperConnectionで行う方法について書きました:HTML5マルチメディアコンポーネントの操作–パート3:カスタムコントロール

于 2012-09-03T08:27:53.440 に答える