新聞中心

創(chuàng)新互聯(lián)長期為上千客戶提供的網(wǎng)站建設(shè)服務(wù),團(tuán)隊(duì)從業(yè)經(jīng)驗(yàn)10年,關(guān)注不同地域、不同群體,并針對不同對象提供差異化的產(chǎn)品和服務(wù);打造開放共贏平臺(tái),與合作伙伴共同營造健康的互聯(lián)網(wǎng)生態(tài)環(huán)境。為烏拉特前企業(yè)提供專業(yè)的成都做網(wǎng)站、網(wǎng)站建設(shè),烏拉特前網(wǎng)站改版等技術(shù)服務(wù)。擁有十多年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制開發(fā)。
制作YouTube視頻需要很多時(shí)間。當(dāng)您最終完成并且您的視頻已上線時(shí),您可能希望隨時(shí)隨地分享它,包括在您的網(wǎng)站上?;蛘撸赡芟胍獙⑵渌说囊曨l發(fā)布到您的wordpress網(wǎng)站。您可能正在對某人的作品進(jìn)行評(píng)論,并希望展示您正在談?wù)摰囊曨l。或者,另一位創(chuàng)作者可能有一個(gè)視頻,它很好地解釋了一個(gè)過程,您寧愿展示該視頻也不愿制作自己的視頻。
無論您出于何種原因,古騰堡編輯器中的專用嵌入?yún)^(qū)塊都可以讓您將YouTube視頻添加到WordPress文章或頁面。該視頻將帶有導(dǎo)航按鈕,因此訪問者可以在您的網(wǎng)站上播放和觀看內(nèi)容,而無需重定向到Y(jié)ouTube。
注意:當(dāng)訪問者在您的網(wǎng)站上觀看YouTube視頻時(shí),非個(gè)人數(shù)據(jù)將與YouTube共享。
在本文中,我們將向您介紹如何在WordPress文章或頁面中嵌入YouTube視頻或播放列表。我們還將介紹一些最佳實(shí)踐、技巧和常見問題。
如何在WordPress中嵌入YouTube視頻
首先,確保您在WordPress中使用Gutenberg區(qū)塊編輯器而不是經(jīng)典編輯器。在WordPress文章或頁面中,單擊加號(hào)。(如果您沒有看到,請單擊進(jìn)入文章或頁面的主體。)
在彈出框中,搜索“YouTube”,然后單擊YouTube圖標(biāo)。這會(huì)將嵌入框添加到您的文章或頁面。
在YouTube上,轉(zhuǎn)到您要嵌入的視頻。從地址欄中復(fù)制URL。
將其粘貼到嵌入框中,然后單擊嵌入(Embed)。如果您愿意,可以在下方添加標(biāo)題。在WordPress編輯器中,您將看到如下內(nèi)容:
這是您的訪客的樣子:
如何在WordPress中嵌入YouTube播放列表
要嵌入YouTube播放列表,過程非常相似。轉(zhuǎn)到Y(jié)ouTube上的播放列表,然后從地址欄中復(fù)制URL。轉(zhuǎn)到WordPress并將該URL粘貼到Y(jié)ouTube嵌入框中。單擊嵌入。
當(dāng)您嵌入YouTube播放列表時(shí),播放列表中的第一個(gè)視頻將顯示在您的WordPress文章或頁面上。播放列表導(dǎo)航將位于右上角。當(dāng)訪問者單擊漢堡圖標(biāo)時(shí),他們將看到播放列表中所有視頻的可滾動(dòng)菜單,以便他們可以導(dǎo)航到他們想要的視頻或查看接下來會(huì)發(fā)生什么。
YouTube嵌入?yún)^(qū)塊設(shè)置
有幾個(gè)不同的地方可以訪問YouTube嵌入?yún)^(qū)塊設(shè)置。
嵌入框上方的工具欄
當(dāng)您單擊嵌入框時(shí),頂部會(huì)顯示一個(gè)工具欄。從左到右,選項(xiàng)如下:
- 更改區(qū)塊類型或樣式:您可以將嵌入?yún)^(qū)塊轉(zhuǎn)換為段落、列或組。這里唯一要知道的是,如果您想更改嵌入?yún)^(qū)塊的背景顏色,請選擇組,這將為您提供一些顏色選項(xiàng)。
- 拖動(dòng):通過拖動(dòng)重新定位區(qū)塊。
- 上移/下移:將方塊向上或向下移動(dòng)一格。
- 更改對齊方式:設(shè)置左對齊、右對齊、居中、全幅或?qū)挿鶎R。請注意,如果您的主題允許,您只能使用全幅或?qū)挿鶎R。
- 編輯URL:用新的URL替換URL。
- 選項(xiàng):還有另一個(gè)帶有更多區(qū)塊選項(xiàng)的菜單。
更多選項(xiàng)菜單
當(dāng)您單擊區(qū)塊工具欄最右側(cè)的三點(diǎn)圖標(biāo)時(shí),菜單中會(huì)出現(xiàn)更多選項(xiàng)。以下是每個(gè)人的作用:
- 隱藏更多設(shè)置:隱藏(或顯示)頁面右側(cè)區(qū)塊的側(cè)邊欄。
- 復(fù)制:復(fù)制區(qū)塊,然后將其粘貼到您想要的任何位置。
- 創(chuàng)建副本:復(fù)制將直接出現(xiàn)在其下方的區(qū)塊。
- 在當(dāng)前區(qū)塊前插入:在YouTube嵌入?yún)^(qū)塊上方添加一個(gè)新區(qū)塊。
- 在當(dāng)前區(qū)塊后插入:在YouTube嵌入?yún)^(qū)塊下添加一個(gè)新區(qū)塊。
- 移動(dòng)到:頁面上會(huì)出現(xiàn)一條藍(lán)線。使用鍵盤上的箭頭將線移動(dòng)到您想要的任何位置,然后按 Enter或Return將區(qū)塊移動(dòng)到該位置。
- 作為HTML編輯:更改區(qū)塊的HTML代碼。
- 添加至可重用區(qū)塊:將當(dāng)前區(qū)塊添加到您的可重用區(qū)塊列表中,這樣可以輕松將該塊添加到任何其他WordPress文章或頁面。
- 組合:就像主工具欄中的組選項(xiàng)一樣,這可以讓您調(diào)整區(qū)塊的背景顏色。
- 刪除區(qū)塊:從您的帖子或頁面中刪除嵌入?yún)^(qū)塊。
側(cè)邊欄設(shè)置
在右側(cè)邊欄中,您會(huì)看到幾個(gè)選項(xiàng)。媒體設(shè)置可讓您控制當(dāng)用戶使用較小的設(shè)備(如智能手機(jī))時(shí)如何查看嵌入的視頻。最好打開此設(shè)置,以便在調(diào)整瀏覽器大小時(shí)保留縱橫比,從而獲得更好的觀看體驗(yàn)。
還有一個(gè)高級(jí)選項(xiàng)卡,可讓您將CSS添加到嵌入?yún)^(qū)塊,這意味著您可以以更高級(jí)的方式對其進(jìn)行自定義和樣式化。
關(guān)于YouTube嵌入?yún)^(qū)塊的最佳實(shí)踐和技巧
快速貼入視頻
有時(shí),需要先添加YouTube嵌入?yún)^(qū)塊,然后再將URL粘貼到其中。如果您正在使用頁面或文章布局并且還沒有準(zhǔn)備好添加內(nèi)容,或者如果您知道要添加視頻但不確定選擇哪個(gè),這是一個(gè)好主意。但是,如果您現(xiàn)在準(zhǔn)備添加特定視頻,只需將URL粘貼到文章或頁面中即可。它會(huì)自動(dòng)添加正確的區(qū)塊并為您嵌入視頻。
選擇視頻的開始位置
如果您希望視頻從特定部分而不是開頭開始播放,您可以在復(fù)制URL時(shí)進(jìn)行設(shè)置。不要轉(zhuǎn)到地址欄,而是選擇視頻下方的“SHARE”按鈕。
單擊“Start at”左側(cè)的框并設(shè)置您希望視頻開始播放的時(shí)間。
現(xiàn)在您可以復(fù)制URL以添加到WordPress。
知道何時(shí)使用插件
雖然YouTube嵌入?yún)^(qū)塊是在您的網(wǎng)站上獲取視頻或播放列表的最簡單方法,但如果您有更高級(jí)的需求,您可能需要考慮使用第三方插件。例如,您無法輕松創(chuàng)建圖庫或插入帶有嵌入?yún)^(qū)塊的YouTube頁面,因此您可能需要一個(gè)具有更多功能的插件。
關(guān)于YouTube視頻嵌入?yún)^(qū)塊的相關(guān)問題
我可以嵌入任何YouTube視頻嗎?
不是的。并非所有YouTube視頻都可以嵌入。發(fā)布商必須允許嵌入視頻設(shè)置。某些視頻將受到限制且無法分享。
必須使用插件才能在WordPress上嵌入YouTube視頻?
不!借助Gutenberg編輯器中的專用YouTube嵌入?yún)^(qū)塊,您無需插件即可輕松嵌入YouTube視頻和播放列表。
如果我不想使用古騰堡編輯器怎么辦?
如果您更喜歡使用經(jīng)典編輯器,您可以復(fù)制YouTube網(wǎng)址,然后將其粘貼到帖子或頁面的正文中。這應(yīng)該會(huì)自動(dòng)將URL轉(zhuǎn)換為嵌入的YouTube視頻。但是,在嵌入Gutenberg時(shí),您將無法使用相同的選項(xiàng)。
小結(jié)
視頻為網(wǎng)站注入了活力,它們也非常適合參與。YouTube嵌入?yún)^(qū)塊的最佳之處在于您無需安裝插件即可在您的網(wǎng)站上獲取您喜愛的視頻。無論您是擁有專注于視頻的網(wǎng)站,還是第一次嘗試視頻內(nèi)容,使用內(nèi)置嵌入選項(xiàng)都是一種無縫、快速的方式,讓您的網(wǎng)站看起來如您所愿。如果您將來需要更努力地制作視頻,您可以隨時(shí)嘗試使用插件。我們甚至為WordPress收集了我們最喜歡的9個(gè)視頻庫插件,所以來看看吧。
當(dāng)前題目:古騰堡編輯器教程:如何使用YouTube嵌入?yún)^(qū)塊調(diào)用油管視頻
標(biāo)題網(wǎng)址:http://www.5511xx.com/article/djshicj.html


咨詢
建站咨詢
