作者linbob09 (累斃了)
看板Web_Design
標題[問題] 一般瀏覽器與行動裝置瀏覽器
時間Tue Jun 3 23:47:30 2014
想請問的是，這兩個瀏覽器的差別到底有多大？
其實會問這個問題主要是在實作時碰到了一個問題
當我在使用HTML5的video標籤時
在一般的瀏覽器下是可以正常autoplay
例：
<video id="video" autoplay>
<source src="123.mp4">
</video>
但是在行動裝置上(如iphone或android手機平板之類的)都無法自動撥放
有查到解決的辦法與當初為何ios與android這樣做的原因，但是都無法成功
如
setTimeout("function(){ $("#video").play();}", 3000);←無效
用body onload去call function ←無效
似乎只有設一個click事件才能讓他播放
但是如果在一開始loading時去呼叫click的function還是會失敗
所以很納悶到底差別在哪裡與真正的解決方法為何，謝謝。
--
※ 發信站: 批踢踢實業坊(ptt.cc), 來自: 36.224.214.105
※ 文章網址: http://webptt.com/m.aspx?n=bbs/Web_Design/M.1401810452.A.E41.html
1F：推 Ayukawayen:iOS基本上不能autoplay 一定要由使用者觸發才會播放 06/03 23:50
2F：→ Ayukawayen:因為有連線資源的問題 所以製造商鎖起來了 06/03 23:51
3F：推 mmis1000:我建議你不要這樣做，這是九成以上的人裝adblock的理由 06/04 00:31
4F：→ mmis1000:因為自動撥放真的很煩人 06/04 00:31
5F：→ mmis1000:至於為啥直接呼叫沒用，應該是有檢查callstack吧 06/04 00:33
6F：→ mmis1000:大概限制成只有進入點是使用者自己觸發事件時才允許 06/04 00:34
感謝您 我是沒有裝adblock才去實作，正在想youtube為啥可以做到自動播放
※ 編輯: linbob09 (36.224.214.105), 06/04/2014 00:38:26
7F：→ alog:mobile device 如果到處都可以 auto play 06/04 00:43
8F：→ alog:耗電會非常差 06/04 00:43
9F：→ alog:另外請善用ios device的網頁檢視器 通常都會有console 06/04 00:46
10F：→ alog:會報log給你知道 06/04 00:46
11F：→ mmis1000:剛剛試過，手機的chrome會默默失敗，不會顯示訊息 06/04 02:21
12F：→ mmis1000:firefox則會允許 06/04 02:23