用mediaelement.js播放iPhone/iPad的替代源碼

我正在嘗試使用mediaelement.js通過Wowza服務器傳輸視頻文件。不幸的是，我只能讓它在iPhone/iPad或桌面瀏覽器上運行。我不知道這是爲什麼，但我發現，iPad/iPhone顯然需要不同的URL來播放視頻（http：//和playlist.m3u8）。用mediaelement.js播放iPhone/iPad的替代源碼

這是我走到這一步：

<video poster="images/dummy.jpg" controls="controls" preload="none"> 
    <!-- source for desktop --> 
    <source src="rtmp://tv.mysite.de/mp4:movieclip.mp4" type="video/mp4" /> 
    <!-- source for iPad/iPhone --> 
    <source src="http://tv.mysite.de/mp4:movieclip.mp4/playlist.m3u8" type="video/mp4" /> 
</video>

<script> 
$('video').mediaelementplayer(); 
</script>

如果我用這個代碼，它只能在桌面瀏覽器。僅在使用第一個源時，它不適用於iPhone/iPad。如果我使用第二個來源，則與桌面瀏覽器相同。

有沒有一種方法可以讓所有設備/瀏覽器都有魔法？也許使用第二個源代碼作爲iOS移動版的備份或者我做錯了什麼？

在此先感謝！

來源

2012-10-11 Ralf Heumann

不知道？ :(我卡在這裏... –

嘗試指定的iPad/iPhone的來源是這樣的：

<source src="http://tv.mysite.de/mp4:movieclip.mp4/playlist.m3u8" type="application/x-mpegURL" />

來源

2012-12-27 15:18:58 jamix

工程就像一個魅力！謝謝！不幸的是，我剛剛發現，電影不是從Andoid開始的。是否還有另一種類型屬性也適用於Android？ –

您是否嘗試過使用不包含冒號「：」的視頻的路徑？我不知道這是否是問題，但「：」冒號是Mac文件系統的特殊字符，並且不允許在文件路徑中使用。

來源

2012-11-01 01:44:10 lenfontes

用mediaelement.js播放iPhone/iPad的替代源碼

回答

相關問題