0

カスタムコントロールを使って小さなビデオを作ろうとしていますが、初めてなので、何をしているのかわかりません。しかし、私は再生の一時停止プットンが機能するようになりましたが、停止ボタンを作成するにはどうすればよいですか?

私のコード:

ビデオプレーヤー:

<div class="videobox">
    <video id="video" width="100%" height="100%">
      <source src="testvideo.m4v" type="video/mp4">
      <p>
        Your browser doesn't support HTML5 video.
      </p>
    </video>
</div>

そして私のコントロール

<div class="buttonrow">
    <input type="range" id="seek-bar" value="0">
    <button type="button" id="play-pause" class="play">Play</button>
    <button type="button" id="mute">Mute</button>
    <input type="range" id="volume-bar" min="0" max="1" step="0.1" value="1">
    <button type="button" id="full-screen">Full-Screen</button>
</div>

誰かが私を助けてくれることを願っています:)

4

1 に答える 1

1

HTML

<input type="button" value="play" id="playBtn" />
<input type="button" value="pause" id="pauseBtn" />
<input type="button" value="stop" id="stopBtn" />

jQuery

var source = "http://www.giorgiosardo.com/HTML5/audio/audio/sample.mp3"
var audio = document.createElement("audio"); audio.src = source;

$("#playBtn").click(function () {
    audio.play();
});

$("#pauseBtn").click(function () {
    audio.pause();
});

$("#stopBtn").click(function () {
    audio.pause();
    audio.currentTime = 0;
});

お役に立てれば。ソース

于 2013-05-06T11:56:31.660 に答える