iPhone、iPad 如何播放網頁調用優酷視頻?

iPhone、iPad 如何播放網頁調用優酷視頻?

5 條評論 分享

按投票排序按時間排序

6 個回答

贊同4反對，不會顯示你的姓名

寒塘渡月，借我一輩子 與夢私奔 http://sometime.me

陶鋮、知乎用戶、範紅振 等人贊同

在線視頻通常都是基於flash和flv來實現的，而衆所周知，iOS的safari不支持網頁中的flash，但支持html5的video標記（顯然這個時代蘋果必須以某種方式支持網絡視頻），對於video標記，會在其區域上顯示播放按鈕，點按後進入全屏播放。

因此優酷等網站會針對iOS作出兼容性處理：
經過user-agent來判斷用戶來源，若是是iOS用戶，則用video標記來替代傳統object，其src的則是源地址（不是flv，而是ts包裝的源，m3u8是個文本文件，其中指定了進一步的ts地址，包括一些視頻分段參數等）；對於其餘用戶，則出於兼容性和功能性考慮，依舊使用swf播放器。
能夠經過chrome開發者工具，將UA override修改成iOS來自行測試。

<video id="youku-html5-player-video" width="100%" height="100%" x-webkit-airplay="allow" controls="" autoplay="" preload="" src="/player/getM3U8/vid/91861269/type/flv/ts/1332059778/v.m3u8"> </video>

補充一下，一些第三方網站嵌入調用的youku視頻在iOS上沒法點擊播放，這是由於第三方網站沒有對其作上述的兼容性判斷切換爲video標記所致。

編輯於 2012-03-19 12 條評論        

贊同0反對，不會顯示你的姓名

陳甫鵃，生長於閩，求學入秦，漂泊適燕，實秦人也。

受邀但沒法回答。從未作過前端開發。抱歉。

今天作了一些實驗。實驗代表優酷如今已經支持safari上直接播放視頻，我估計是優酷已經升級到HTML5了，因此不太明白問題原意爲什麼。同等高手回答。

發佈於 2012-03-18 1 條評論        

贊同0反對，不會顯示你的姓名

範紅振，WEB 前端開發 JS HTML DIV+CSS PHP .NET …

首先找到視頻的ID，而後按照下面的地址方式調用便可

http://v.youku.com/player/getRealM3U8/vid/XMjUzMzUxNzQ4/type/video.m3u8
或者
http://v.youku.com/player/getRealM3U8/vid/XNDM5MzQwNjYw/type/mp4/v.m3u8
調用html
<video id="youku-html5-player-video" width="100%" height="100%" x-webkit-airplay="allow" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XNDM5MzQwNjYw/type/mp4/v.m3u8"> </video>

編輯於 2012-12-17 1 條評論        

贊同0反對，不會顯示你的姓名

張華平，編程

您知道怎麼作ipad上的視頻（video標籤）嗎？我糾結這個問題很久了

發佈於 2013-01-11 添加評論        

贊同0反對，不會顯示你的姓名

郭澤宇

去 http://open.youku.com 去獲取代碼，iPhone和iPad將使用html5 的<video> 電腦仍是Flash。
中國IP進入這個視頻加載的就是優酷了
http://v.ze3kr.com/year/2014/#video

發佈於 2014-09-13 添加評論        

贊同0反對，不會顯示你的姓名

小師師，簡單可依賴，愛生活，愛互聯，更愛知乎@…

safari瀏覽器固然是用html5去調用了,具體方法爲：
<video source="http://XX「 controls loop></video>等等,格式ogg等

發佈於 2012-03-18 2 條評論