如何善用影片素材,幫網站加分,提升使用者體驗?
戰國策365天全年無休服務專線 0800-003-191

如何善用影片素材,幫網站加分,提升使用者體驗?

網站內容除了文字圖片外,影片也是相當重要的元素之一,如何用影片幫網站加分,是每位架站者不斷鑽研的課題。不過使用素材時需小心觸法,以免侵犯他人著作權,以下將帶您瞭解下載免費影片素材的注意事項,及避免影響網站載入速度的方法,更推薦5大免費素材網站,幫助你更能得心應手,善用影片素材。

 

為什麼需要在網站中使用影片素材?

不論是經營企業官網或是個人網站,都需要創作大量內容獲得使用者青睞,因此除了撰寫文字、放置圖片外,善用影片素材也是非常重要的創作方式之一。若能用影片為整體網站增加質感、建立統一調性,對網站背後代表的品牌而言,將是非常有幫助的作法。

 

下載免費影片素材作為商業用途可以嗎?

影片素材免費下載

免費影片素材是由創作者無償提供在網路上的共享資源,不需付費下載,因此大多都可以使用在商業用途上。請注意創作者是否有標示創用CC授權,包含非商業性、姓名標示、禁止改作、相同方式分享4個聲明,通常會以6種授權形式註記,要求使用者需遵照創用CC標示來使用影片。

 

如何放置影片在網站,仍不影響網站載入速度?

由於嵌入影片會影響網站載入速度,想要改善問題,可以善用lazy load的方式處理,讓網頁剛載入時不會馬上顯示,而是先以影片封面呈現在頁面上,直到使用者點擊影片,才會發送請求到Youtube的伺服器。

具體做法是先進入網頁的HTML編輯模式,在放置影片的語法中,調整為:

<iframe

width=”560″

height=”315″

src=”https://www.youtube.com/watch?v=foVXVOOzVsU”

srcdoc=”<style>*{padding:0;margin:0;overflow:hidden}html,body{height:100%}img,span{position:absolute;width:100%;top:0;bottom:0;margin:auto}span{height:1.5em;text-align:center;font:48px/1.5 sans-serif;color:white;text-shadow:0 0 0.5em black}</style><a href=https://www.youtube.com/watch?v=foVXVOOzVsU><img src=https://i.imgur.com/joZY3ec.jpg alt=’YouTube影片封面-Sartingship update’><span>▶</span></a>”

frameborder=”0″

allow=”accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture”

allowfullscreen

title=”Sartingship update”

></iframe>

如此就能解決載入速度問題,放心使用影片素材在網站中。

 

5大影片素材網站推薦,多樣主題素材讓你盡情使用

Pixabay

Pixabay是知名圖片與影音素材網站,提供免費可直接商用的影片素材,下載時可以指定畫質,甚至有4K影片供你選擇,檔案格式皆為MP4,不用再費心轉檔囉。

Pexels

Pexels除了是知名免費圖庫,同時也是免費影片素材網站,擁有各式各樣、數量龐大的影片素材。畫質最高為Full HD,沒有4K影片,但可以任意編輯、直接用於商業用途,可說是非常好找素材的寶庫。

Videvo

由個人創作者提供影片素材的網站Videvo,共分為免費影片與付費影片兩大類,超過1萬個素材。下載時需注意使用規範,可能會要求你註明來源。

Mazwai

Mazwai擁有大量、主題多元、可商用的影片素材,你可以透過網站中的Tag功能,快速找到適合你影片主題的素材,或直接在搜尋列輸入關鍵字找尋,使用時記得查看影片欄資訊,注意影片規範。

Life of Vids

Life of Vids是以實景短片為主的素材網站,在這裡找到的素材可以直接下載、用於商業用途,適合穿插在影片之中。你也可以選擇想要的畫質,最高可到1080p。

 

善用影片素材,打造網站豐富度|戰國策集團網站設計服務

放入影片素材雖然非常重要,但懂得善用影片更重要!想讓網站具備豐富多樣內容,同時讓使用者瀏覽時感到順暢舒適,歡迎讓戰國策集團幫您設計網站佈局,藉由投入網路服務20年的深厚經驗,搭配專業的網路技術,讓您的網站質感又吸晴。

歡迎聯繫我們,為您製作優質網站!