2011-10-27 47 views
1

我有兩個問題一直困擾着我使用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瀏覽我的網站,他們都涌入的情況下的「結束」事件,似乎不能倍永遠被稱爲。我不會讓人們繼續瀏覽並點擊我網站上的「下一步」按鈕,直到視頻結束 - 這是一個培訓網站,用戶需要參與整個體驗。我還沒有能夠重現這一點,但我們不能去住,直到我可以想出一些修復。

回答

1

我在Firefox中遇到同樣的問題。

關於結束事件:嘗試在添加事件偵聽器之後調用play()。