Vimeo IFrame Player API 讓影片自動播放、隱藏控制列與標題，並支援iPhone/Android手機

梅干 2020/04/08 1 分鐘閱讀

　　現在大家最常將影片，上傳到Youtube或是Vimeo，雖然Youtube目前是大宗，同時還能將Youtube的影片，分享並嵌入到網頁中，甚至Youtube還有提供IFrame Player API，讓Youtube影片以iFrame嵌入網頁，有更多的參數可作設定，比方隱藏控制列、LOGO、靜音、重覆播放….等。

但把Youtube嵌入網頁時，在iPhone的瀏覽器則會被擋下來，甚至將Youtube影音嵌入網頁時，畫質也無法作設定，因此這時不妨可試試vimeo，不但可將vimeo的影片以iFrame方式嵌入網頁外，甚至還可設定自動播放、隱藏控制列、靜音、畫質….等，同時還支援iPhone與Android，因此有需要嵌影片的朋友，vimeo也可千萬別錯過了。

vimeo播放屬性設定

網頁連結：vimeo.zendesk.com

Step1
首先在vimeo找到影片後，點下方的「Share」分享鈕。
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android

Step2
並且從下方，設定所需的功能，像是自動播放與重覆播放。
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android

Step3
設定好後，再將上方的語法複製起來。
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android

Step4
再貼到網頁中。
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android

Step5
在預覽時，會發現到，影片竟不會自動播放。
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android

Step6
這時再回到原來的頁面，並在後方加入muted=1的參數。
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android

vimeo常用屬性

autopause 自動停止：1/0，預設為1。
autoplay 自動播放(需再搭配muted)：1/0，預設為０。
color 顏色：[hex code]。
controls 控制列：1/0，預設為1。
loop 重覆播放：1/0，預設為0。
muted 靜音：1/0，預設為0。
quality 畫質：240p, 360p, 540p, 720p, 1080p, 2k, 4k，預設為auto。
title 標題：1/0。
transparent 透明：1/0，預設為1。

Step7
再重新整理網頁，這時無論是電腦還是手機，皆全面支援自動播放，且畫質還相當的好，因此有需要的朋友，下回不妨可試試vimeo囉！
梅問題-Vimeo IFrame Player API讓影片自動播放、隱藏控制列與播放畫質，同時支援iPhone/Android