教學- 後台編輯器嵌入Youtube影片 - 元伸網頁設計
文章推薦指數: 80 %
進入Youtube · 選擇嵌入 · 設定影片寬高 · 影片進階設定 · 複製嵌入碼 · 進入後台編輯器 · 貼上嵌入碼 · 查看後台瀏覽畫面.
資訊分享
查看分類
網站建置
網站設計
網頁設計
程式設計
網頁製作
網站規劃
網站代管
網路行銷
關鍵字廣告
自然排名SEO
相關新聞
常見問答
教學-後台編輯器嵌入Youtube影片
教您如何在後台編輯器嵌入Youtube影片。
影片有幾個自訂選項可設定,比如影片出現推薦影片的區塊,可以透過設定隱藏。
進入Youtube
➜開啟要使用的影片頁面 > 點選“分享”
選擇嵌入
➜點選“嵌入”
設定影片寬高
➜width為寬,height為高,請更改您要的數值
影片進階設定
➜有四個選項提供設定,請依據需求,勾選您要的項目
1) 在片尾顯示推薦影片
2) 顯示播放器控制選項
3) 顯示影片標題和播放器操作說明
4) 啟用隱私權加強保護模式
複製嵌入碼
➜反選嵌入碼 > 按右鍵,複製
進入後台編輯器
➜點選左上方“原始碼”按鈕
貼上嵌入碼
➜點空白處貼上剛剛複製的嵌入碼
查看後台瀏覽畫面
➜再點一次左上方的原始碼按鈕,切換瀏覽畫面,看到出現一個灰框中間顯示IFRAME,就是成功了,選擇送出。
開啟網頁查看影片
➜此為嵌入成功的影片
上一頁
熱門議題
有關網站建置/設計/製作之更多詳情,請聯絡我們.....
網頁設計公司團隊的默契.....
網頁設計推薦方案WEBCAT2.....
網頁設計推薦方案WEBCAT3.....
網路購物設計案例.....
網路行銷中最常出現的十大錯誤.....
設計行動裝置網頁(Mobile-Web)的10個要素.....
網頁設計內容規劃與準備的五個目標.....
網頁標題設計的建議.....
最新議題
GA教學手冊(五)GA連結至GSC
GA教學手冊(四)GA使用者權限
GA教學手冊(三)GA基本操作
GA教學手冊(二)GA申請流程
GA教學手冊(一)GA基本說明
InternetExplorer10(IE10)和較舊版本的支援已於2016年1月12日終止。
取得個人LINE專屬網址教學
不失真壓縮圖片工具
電話
留言
諮詢
延伸文章資訊
- 1限制嵌入功能- YouTube說明
限制網站嵌入功能 ... 按一下「使用者上傳的內容」圖示 ,然後針對嵌入使用者上傳影片(已根據其中一項資產對影片提出聲明) 的網站,選取要套用的規則:.
- 2WordPress 如何嵌入響應式YouTube 影片 - 程式教練Mars
嵌入Youtube 影片連結
- 3[HTML][新手] 14. 影片與網頁嵌入(iframe) - 例如youtube - 進度條
這樣就把影片嵌入到自己的網站了,youtube等影片就能直接在你的網站上播放,這個就是嵌入的功能。 讓我們來解析一下iframe的屬性:. <iframe style="width ...
- 4如何在網頁中嵌入youtube 影片?
先連結至您想嵌入的youtube 影片頁面。 2. 點選【分享】後再點選【嵌入】。 Page 2. 3. 將連結反白複製下來。 4. 將所複製的字串貼至任何您想嵌入影片的頁面中即可〈點 ...
- 5網站嵌入YouTube影片無法播放?提供三大解決方案 - 天矽科技
但貼影片連結就設定Youtube播放器,這功能還是能透過客製化後台達成喔! 天矽科技提供的客製化網站服務,除了編輯器擁有Youtube影片嵌入功能(下圖1),也能在頁面設計 ...