私はビデオ ホスティングに Wistia を使用し、Web サイトでビデオを再生するために wistia プレーヤーを使用しています。「一時停止」や「終了」などのビデオ プレーヤー イベントを検出し、いくつかの基準に基づいて別のビデオを再生する必要があります。
次のコードは、ビデオが一時停止されたときに再生中のビデオを変更します。このコードは、Chrome と Safari で完全に機能します。しかし、Firefox (Ver 29) では、動画は Flash プラグインを介して再生され、「一時停止」、「終了」などの動画プレーヤー イベントは生成されません。
<script>
var firstVideoId = "993554ba94",
var secondVideoId = "9dc0dc7d3a";
firstVideo = Wistia.embed( firstVideoId , {
container: "video_container",
playerPreference: "html5"
});
firstVideo.bind('pause',function(){
// Play next video.
changeVideo();
});
firstVideo.play();
function changeVideo() {
// Remove first video and play the second.
firstVideo.remove();
secondVideo = Wistia.embed( secondVideoId , {
container: "video_container",
playerPreference: "html5",
autoPlay: true
});
secondVideo.bind('pause',function() {
changeBack();
});
}
function changeBack() {
// Remove second video and play the first
secondVideo.remove();
firstVideo = Wistia.embed( firstVideoId , {
container: "video_container",
playerPreference: "html5",
autoPlay: true
});
firstVideo.bind('pause',function() {
changeVideo();
});
firstVideo.play();
}
</script>
ここに私の質問があります:
- 動画を Firefox で HTML5 として再生する方法 (playerPreference が役に立たない)。
- Flash プラグインを使用してビデオを再生するときにイベントをキャプチャする方法はありますか。