私は、MediaElement.jsを使用して開発した新しいWebサイトを悩ませている2つの問題があります。mediaElementJsとFirefox/Safariの問題
まず、これを利用可能にしていただきありがとうございます。私はこのプロジェクトを一緒にして、さまざまなプラットフォームのユーザーにビデオを見せてくれました。
私のサイトには、（私が理解したところで、他の人がiMovieでビデオファイルを作った）.movファイルでいっぱいのフォルダがあります。
このサイトはChromeでうまく動作します。これは私が使用しているもので、開発/テストで使用したものです。動画はChromeでのネイティブHTML 5サポートを使用して再生されます。
Firefox（いくつかのバージョン）では、ビデオはフラッシュプレーヤーに "フォワード"されます。ビデオが再生されます。しかし、完全なイベントハンドラで "player.play（）"を指定したかどうかに関わらず、ビデオは再生アイコンの表示からポーズアイコンの表示に切り替わりますが、再生を開始しません。ユーザーは一時停止ボタンをクリックしてから、再生ボタンをクリックして各動画を再生する必要があります。ここでのMediaElementに私の呼び出しです：
$('video').mediaelementplayer({
defaultVideoWidth: 400,
... features: ['playpause','duration','volume'<?php echo "$progressBar"; ?>],
success: function(player, node) {
player.play();
player.addEventListener('ended', function(e) {
$('#feedback').append('<p>Press "NEXT" to continue.</p>').promise().done(function() {
enableNext();
});
});
}
});
第二の問題：ユーザーが「終了」イベントハンドラがいないような状況になったことというのMacOS/Safariを使用して、私のサイトを使用しようとしました回があります。これまでに呼ばれることがあります。私は、ビデオが終了するまで、人々が進んで私のサイトの「次へ」ボタンをクリックすることを許可しません。これはトレーニングサイトであり、ユーザーはすべての経験をする必要があります。私はこれを再現することができませんでしたが、私はいくつかの修正を思い付くまで生きていくことはできません。