[問題] 一般瀏覽器與行動裝置瀏覽器

看板Web_Design作者 (累斃了)時間11年前 (2014/06/03 23:47), 11年前編輯推噓2(2010)
留言12則, 3人參與, 最新討論串1/1
想請問的是,這兩個瀏覽器的差別到底有多大? 其實會問這個問題主要是在實作時碰到了一個問題 當我在使用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://www.ptt.cc/bbs/Web_Design/M.1401810452.A.E41.html

06/03 23:50, , 1F
iOS基本上不能autoplay 一定要由使用者觸發才會播放
06/03 23:50, 1F

06/03 23:51, , 2F
因為有連線資源的問題 所以製造商鎖起來了
06/03 23:51, 2F

06/04 00:31, , 3F
我建議你不要這樣做,這是九成以上的人裝adblock的理由
06/04 00:31, 3F

06/04 00:31, , 4F
因為自動撥放真的很煩人
06/04 00:31, 4F

06/04 00:33, , 5F
至於為啥直接呼叫沒用,應該是有檢查callstack吧
06/04 00:33, 5F

06/04 00:34, , 6F
大概限制成只有進入點是使用者自己觸發事件時才允許
06/04 00:34, 6F
感謝您  我是沒有裝adblock才去實作,正在想youtube為啥可以做到自動播放 ※ 編輯: linbob09 (36.224.214.105), 06/04/2014 00:38:26

06/04 00:43, , 7F
mobile device 如果到處都可以 auto play
06/04 00:43, 7F

06/04 00:43, , 8F
耗電會非常差
06/04 00:43, 8F

06/04 00:46, , 9F
另外請善用ios device的網頁檢視器 通常都會有console
06/04 00:46, 9F

06/04 00:46, , 10F
會報log給你知道
06/04 00:46, 10F

06/04 02:21, , 11F
剛剛試過,手機的chrome會默默失敗,不會顯示訊息
06/04 02:21, 11F

06/04 02:23, , 12F
firefox則會允許
06/04 02:23, 12F
文章代碼(AID): #1JZUuKv1 (Web_Design)