1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. 手機網頁
  6. »
  7. 如何讓iOS裝置,可自動播放網頁中的影片

如何讓iOS裝置,可自動播放網頁中的影片

2023/06/28

梅問題-如何讓iOS裝置,可自動播放網頁中的影片
  隨著現在網路的愈來愈普及速度也愈來愈快,同時資費也愈來愈多元,但若不是吃到飽方案,就是以用量計算,因此為了有效的運用限有的容量限制,當瀏覽網頁中若有影片時,手機內建就會將影片自動播放的機制給阻擋下來,直到自行點擊播放後,才會進行播放。 

因此若想要在手機中自動播放網頁中的影片時,現在有一個特殊的屬性,只要加入後立即就可實現,讓手機也能自動播放網頁中的影片,至於想要在網頁中嵌入影片,並自動播放的朋友,現在也一塊來看看囉!


Step1
首先在網頁中,使用video的標籤並加入autoplay loop後,照理說就會自動播放。
梅問題-如何讓iOS裝置,可自動播放網頁中的影片
Step2
但這邊得特別注意到,即便加了autoplay與loop在桌機一樣不被自動播放,需加入muted靜音模式後,桌機才會自動播放。
梅問題-如何讓iOS裝置,可自動播放網頁中的影片
Step3
若是手機的話,需加入muted 靜音與playsinline的這屬性後,手機才會自動播放影片,因此下回若想讓手機自動播放影片的朋友,不妨可試試看囉!
梅問題-如何讓iOS裝置,可自動播放網頁中的影片