あなたのチェックをします media.currentTime
のハンドラーのプロパティ timeupdate
イベント。見る ドキュメンテーション:
TimeUpDateイベントは、現在の属性が示す時間が更新されたときに起動されます。
余談ですが、これ HTML5ビデオデモページ 利用可能なさまざまなプロパティやイベントをいじくり回すための本当に便利なリファレンスです。
質問
ユーザーにオプションを持ってほしい skip
preroll ad
指定された時間の後(たとえば、広告に5秒になります)。その後、通常のビデオが再生されます。どうすればこれを達成できますか?現在、私はこれのインラインを持っています:
var adManager = function () {
var adSrc = url,
src = "http://media.w3.org/2010/05/sintel/trailer.mp4";
var adEnded = function () {
videoPlayer.removeEventListener("ended", adEnded, false);
videoPlayer.removeEventListener("playing", adPlaying, false);
$("#companionad").hide();
videoPlayer.src = src;
videoPlayer.load();
videoPlayer.play();
console.log(videoPlayer.currentTime);
};
var adPlaying = function () {
var companionad = $(responseXML).find("HTMLResource").text();
$("#companionad").html(companionad);
console.log(videoPlayer.currentTime);
}
return {
init: function () {
videoPlayer.src = adSrc;
videoPlayer.load();
videoPlayer.addEventListener("ended", adEnded, false);
videoPlayer.addEventListener("playing", adPlaying, false);
if (videoPlayer.currentTime > 5) {
$("#skip").show();
}
console.log(videoPlayer.currentTime);
}
};
}();
adManager.init();
私がやろうとしているのは:
if (videoPlayer.currentTime > 5) {
$("#skip").show();
}
を表示します skip
ボタンと通常のビデオに進みます。何かありますか event
ビデオプレイが進むにつれて、それは絶えず解雇されますか?
解決
あなたのチェックをします media.currentTime
のハンドラーのプロパティ timeupdate
イベント。見る ドキュメンテーション:
TimeUpDateイベントは、現在の属性が示す時間が更新されたときに起動されます。
余談ですが、これ HTML5ビデオデモページ 利用可能なさまざまなプロパティやイベントをいじくり回すための本当に便利なリファレンスです。