[WordPress 筆記] 嵌入YouTube 影片/清單, 設定自動播放並靜音!

在網頁/側欄裡插入影片一點都不難喔~!! 想要輪播, 自動播放, 還要靜音?!!! 只能說Google 真是太強大了, 有了YouTube API 就沒問題啦~! Skiptocontent [WordPress筆記]嵌入YouTube影片/清單,設定自動播放並靜音! Home小桃美國生活玩部落[WordPress筆記]嵌入YouTube影片/清單,設定自動播放並靜音! 08/22/201609/20/2016   其實YouTube早就把程式語法準備好讓大家盡情的分享,如下圖,不論你是要用url分享,要分享到社群軟體,還是想要用嵌入(embed)的方式放進網頁裡都不是問題… 還記得很多年前部落格開始流行內鍵音樂,想要藉由自己喜歡的音樂讓讀者更能融入情境…但,由於諸多的不方便,不想要在瀏覽網頁時被嚇到,現在大家一般都不這麼做了…如果有音樂還會特別提醒讀者… 所以,同樣的道理,為了增加吸睛度,當大家嘗試在讀取網頁的同時自動播放影片,就有可能會犯了上一代的錯誤…你當然可以選擇讓他顯示縮圖就好(現在YouTube內鍵的程式就是這種效果),但是,以效果來說,好像還是自動播放比較容易引起興趣囉~!! 所以,我的功課就來了…想要在側欄自動播放茉莉的影片,卻又不想嚇到大家,該怎麼做呢?非專業資工人,小桃來交作業了!!下面是直接嵌入語法達到效果, 想直接看效果? [WordPresss筆記DEMO]嵌入YouTube影片/清單,設定自動播放並靜音! PS1.目前只適用於電腦工作者,手機/平板等全部都只能顯示縮圖無法自動播放喔~!! PS2.也可以使用外掛來達到效果喔! YouTubeChannel介紹詳見: [WordPress外掛]YouTubeChannel,一支可以自動且靜音播放影片的外掛~!! Note: 下面分為兩部分,A部分是只有嵌入單一影片,B部分則是針對播份清單(Playlist)! videoID,可以在影片網址中找到,v=後面那一串就是vedioID,在複製語法的時候記得要換成你自己的vedioID喔(ex: https://www.youtube.com/watch?v=zzBpnVQ_5ME,vedioID就是 zzBpnVQ_5ME) playlistID,也可以在播放清單網址中找到,list=後面那一串就是playlist ID,在複製語法的時候記得要換成你自己的playlistID喔(ex: https://www.youtube.com/playlist?list=PLA4MkHD2KfXkuYVnLoVitdgaPYpBdywfF,playlist ID就是PLA4MkHD2KfXkuYVnLoVitdgaPYpBdywfF) 自動,循環播放的參數是autolay&loop! 影片尺寸都可以自己設成喜歡的寬度/高度…如果寬度太窄控制列有些按鈕繪無法顯示喔~!! 廢話很多的正文開始…以下適用於單一影片喔~!! A-1.影片顯示縮圖不自動播放 YouTube語法直接嵌入,就是只顯示縮圖,但不會自動播放喔~!!   A-2.影片自動&循環播放 稍微修改並增加了自動播放的參數,現在當讀入網頁,影片就會自動&循環播放了,但很可惜還是無法靜音~!! PS.VideoID要填兩次喔~!!   A-3.影片自動,循環播放&靜音!!! 靜音這看起來很簡單的設定,果然還是要求助YouTubeAPI啊~!!!也謝謝Google這麼大方提供了這麼多參數讓我們自己調控啦~!!以下語法參考:digitalinspiration! 我的天哪我的天哪,你有看到左下角的靜音嗎?!!!!真是太感人了,Yoohoo~!! 單一影片的部分總算是找到最佳解了,那麼清單的部分呢?   B-1.清單顯示縮圖不自動播放 YouTube語法直接嵌入,一樣就是只顯示縮圖,但不會自動播放喔~!!影片左上角那個圖示就是清單的意思喔,總共有37支影片,現在播放第一支的意思~!!   B-2.清單自動&循環播放 稍微修改並增加了自動播放的參數,現在當讀入網頁,影片清單就會自動&循環播放了,但很可惜還是無法靜音~!! 哈,所以依照我的訴求:Playlist+Autoplay+Mute可能還是得求助外掛了~!!如果大家有更好的解法也歡迎提供給我,救救不專業但很認真的小桃啦~!! 為了解決這個問題,幫大家覓得了一支還不錯的外掛–YouTubeChannel,推薦給大家~!!介紹文詳見: [WordPress外掛]YouTubeChannel,一支可以自動且靜音播放清單的外掛~!! PS.想直接看上述影片效果,詳見: [WordPresss筆記DEMO]嵌入YouTube影片/清單,設定自動播放並靜音! –>更多WordPress筆記詳見:♥Blogging♥   ClicktoshareonFacebook(Opensinnewwindow)ClicktoshareonPinterest(Opensinnewwindow)ClicktoshareonTwitter(Opensinnewwindow) Related PrincessPeach 現居德州,致力於在平凡的生活中尋找不平凡,在忙碌的生活中尋找只屬於我們的小幸福... 旅行。

美食。

生活。

牽著手的三人行... 若無特別聲明,本站所有文章皆為作者原創,欲轉載請註明作者&文章出處,請尊重智慧財產權,謝謝~!! Postnavigation [麵包機食譜]會牽絲的果乾煉乳餐包(SuperSoftRaisinsBuns)~!! [WordPress筆記DEMO]嵌入YouTube影片/清單,設定自動播放並靜音! ♥訂閱小桃的實驗筆記♥ ♥實用連結整理♥ ♡寶寶大小事♡ ♡小桃實驗廚房♡ ♡小桃玩樂地圖♡ ♡我們結婚吧♡ ♡美國懷孕日誌♡ ♡美國蓋房大小事♡ ♥Blogging♥ ♥親子共讀♥ 茉莉書櫃 茉莉書櫃 ♥剛出爐的實驗數據♥ (茉莉6Y5M;艾莉2Y1M)NewBraunfels三天兩夜親子遊(TX)~!! [茉莉書櫃]低幼橋樑書書單分享|茉莉海外學中文自學紀錄-2~!! 蓋房流程|小桃公主的美國蓋房大小事 [開箱]IKEABilly書櫃分享|小桃公主的美國蓋房大小事 [美國資源-K]跟著6Y茉莉唱唱跳跳學太陽系(SolarSystem)~!! [美國育兒]5Y茉莉海外學中文自學紀錄 開放式廚房/櫥櫃設計|小桃公主的美國蓋房大小事 [開箱]寵愛自己多一點:小米RoborockS6掃地/拖地機器人~!! [開箱]跟著艾莉茉莉一起成長的AbiieBeyond成長型餐椅&Adatto學童椅~!! 衣櫃設計|小桃公主的美國蓋房大小事 ♥最熱門的實驗數據♥　 [美國育兒]2Y5M,幼兒脫臼別驚慌!不用看醫生也會好的牽拉肘(Nursemaid'sElbow)~!! [開箱]博客來海外購買中文書寄送服務&運費比較~!! [開箱]全不銹鋼大同電鍋之型號&開鍋除黑油步驟... [開箱]自動監控,遠端遙控的三合一涼暖空氣清淨機-DysonHP03PureHot+CoolLinkAirPurifier~!! [美國育兒]2Y10M,眼睛眨呀眨,眨不停就是妥瑞氏症嗎?讓人虛驚一場的MotorTic~!! [麵包機食譜]PanasonicSDBMT1001-T變頻麵包機實作筆記+中文目錄 [開箱]安全又時尚的DysonHot+CoolAM09FanHeater無扇葉冷暖扇 [紙箱X手作]寶寶展示書架DIY-廢紙箱寶寶書櫃再升級 [紙箱X手作]寶寶書櫃DIY ♥繪本推薦♥ ♥分門別類的實驗數據♥ 客座文章(4) 寶寶大小事(212) 中文好好玩(4) 媽媽手作(18) 成長紀錄(73) 溫柔教養(15) 美國教育(9) 育兒好物(28) 親子共讀(108) 親子手作(9) 小桃玩樂地圖(124) 台灣趴趴走(7) 旅行實用工具(20) 日本趴趴走(11) 歐洲趴趴走(32) 美國趴趴走(65) 小桃美國生活(91) PhDLife(11) 小桃玩廚房(28) 玩部落(16) DEMO(1) 美國生活點滴(37) 與Mario的童話故事(12) 我們結婚吧(16) 美國好物開箱(49) 美國懷孕日誌(24) 美國蓋房大小事(41) 蓋房心得分享(11) 蓋房日記(33) 蓋房流程(2) ♥彙整紀錄♥ ♥彙整紀錄♥ SelectMonth June2021 May2021 April2021 January2021 December2020 November2020 October2020 September2020 August2020 July2020 June2020 May2020 March2020 July2019 June2019 May2019 April2019 March2019 February2019 December2018 October2018 September2018 August2018 July2018 June2018 May2018 April2018 March2018 February2018 January2018 December2017 November2017 October2017 September2017 August2017 July2017 June2017 May2017 April2017 March2017 February2017 January2017 December2016 November2016 October2016 September2016 August2016 July2016 June2016 May2016 April2016 March2016 February2016 January2016 December2015 November2015 October2015 September2015 August2015 July2015 June2015 May2015 April2015 March2015 February2015 January2015 December2014 November2014 October2014 September2014 August2014 July2014 June2014 May2014 April2014 March2014 February2014 January2014 December2013 November2013 October2013