我有兩個問題一直困擾着我使用MediaElement.js開發的新網站。mediaElementJs和Firefox/Safari出現問題
首先,非常感謝您提供這些信息;它確實幫助我將這個項目整合在一起,它向各種平臺上的用戶展示了一堆視頻。
我的網站有一個完整的.mov文件,這是(據我瞭解,另一個人在iMovie中製作視頻文件)H.264編碼的文件夾。
該網站在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();
});
});
}
});
第二個問題:有當用戶試圖使用使用Mac系統/ Safari瀏覽我的網站,他們都涌入的情況下的「結束」事件,似乎不能倍永遠被稱爲。我不會讓人們繼續瀏覽並點擊我網站上的「下一步」按鈕,直到視頻結束 - 這是一個培訓網站,用戶需要參與整個體驗。我還沒有能夠重現這一點,但我們不能去住,直到我可以想出一些修復。