網站版面應用篇－原來影片可以這樣呈現！

相信有很多品牌在經營時，都會策劃相關的影片行銷內容，透過影片傳達訊息給消費者，影音的魅力與影響，觀看 YouTube 的成長就能略知。因此，網站一定需要影片可以露出的地方，同時也要讓行動裝置的使用者方便觀看，對此 365Shop 已經替您規劃好，並整理了影片與版面之間的應用呈現，來讓你瞭解如何使用 YouTube 影片替您的品牌網站加分！

應用一／大區塊影片，吸引目光更聚焦

若有需要放置品牌形象影片的需求，可以規劃一個獨立影片區塊放置在首頁，大型的影片區塊可以吸引更多的目光，在平板、手機等多裝置的呈現也沒有問題。

圖：首頁大型影片區塊（PC電腦版畫面）

大型影片區塊特點：
- 吸引人的版面大小
- 只要將影片上傳至 YouTube 即可應用到網站上
- 背景自動播放（僅限電腦）
- 預設替代圖片（for 平板、手機）
- 可指定背景影片開始播放時間
- 影片上方文字可從後台編輯

Q：什麼是背景自動播放？
Ans：背景自動播放，就是當影片尚未“點擊”播放時，會先預設自動播放影片內容，當點開之後，就會跳出視窗（如下圖，電腦版畫面），跳出視窗後就可以觀看完整影片。

Q：什麼是預設替代圖片？
Ans：當瀏覽網站的使用裝置為平板或是手機時，在這邊就需要上一張預設替代圖片，當平板和手機等裝置並沒有辦法讓影片自動在背景自動播放，我們就需要上一張替代圖片，於是使用者在觀看時，若影片沒有在背景自動播放就不會沒有畫面，而是會有預設圖片放在這個影片區塊。（如下圖，平板畫面）

查看應用一實際案例

應用二／多區塊呈現，頁面也能直播影片

同樣是 YouTube 影片崁入到網頁上，還有什麼樣的變化呢？除了上述的大型影片區塊之外，我們也可以將版面切分出更多的區塊配置，來將影片擺放至其中。有加上影片連結的就會出現播放鍵的按鈕圖示，沒有放上影片連結的，就跟一般廣告區的應用一樣，可以宣傳和連結到其他頁面。

多區塊影片區塊特點：
- 區塊可彈性應用（放廣告圖、YouTube 影片）
- 只要將影片上傳至 YouTube 即可應用到網站上
- 可直接在頁面區塊內播放影片
- 影片區可上一張形象代表圖片
- 影片區的文字顯示可從後台自由編輯

圖：將滑鼠移到左邊圖上面的時候，Hover 會有 Play 按鈕的顯示。

圖：點選後，會直接在該框框裡播放影片，而不跳出新視窗瀏覽。
在手機版的時候也是喔！會直接在該區塊播放影片，而不另外跳出網頁或是啟用 YouTube APP 播放。

應用三／影片結合廣告，更有力！

影片也可以跟廣告結合！
通常我們在網站頁面上面，可能會設置一些圖片的區塊，可以上一些圖片用來宣傳和放置內外部連結，我們統稱這為廣告區。除了上一些形象圖片之外，也可以將影片加入其中，規劃出一個區塊給影片，含有影片的區塊就可以自動顯示 Play 按鈕，當使用者點選影片時，就一樣會在頁面上跳出影片觀看視窗。