วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณ – วิธีที่ถูกต้อง!

Contents

ฉันสงสัยในสิ่งที่คุณ’กำลังดูอีกครั้ง?

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณที่มา: 11coffee.co.uk


ฉันพนันความสนใจของคุณโดยอัตโนมัติปรับเป็นพื้นหลังวิดีโอใช่มั้ย มัน’แทบเป็นไปไม่ได้ที่จะเพิกเฉยต่อสิ่งที่มันเคลื่อนไหว.

ที่นั่น’ไม่มีอะไรผิดปกติกับคุณ – มัน’เป็นเพียงแค่ธรรมชาติของมนุษย์และวิธีการที่เราตัดสินใจโดยไม่รู้ตัวว่าจะให้ความสนใจกับเราอย่างไร.

เราถูกรบกวนโดยสิ่งที่เคลื่อนไหวได้ง่ายเหมือนสุนัขตัวนั้นที่มองข้ามทุกสิ่งในโลกเพื่อไล่ล่ากระรอกตัวเล็กที่น่ารำคาญ!

“โอเคคุณให้ฉันดูวิดีโอที่โง่ ๆ ของคุณสิ่งนี้เกี่ยวข้องกับการออกแบบเว็บไซต์ของฉัน?”

เป็นคำถามที่ดีและฉัน’ฉันดีใจที่คุณถาม.

พื้นหลังวิดีโอบนเว็บไซต์ของคุณหากใช้อย่างถูกต้องสามารถช่วยคุณจับภาพผู้เยี่ยมชมเว็บไซต์ของคุณ’ ให้ความสนใจเช่นกัน!

พื้นหลังวิดีโอเป็นหนึ่งในแนวโน้มการออกแบบเว็บไซต์ยอดนิยมที่ดูเหมือนจะอยู่ที่นี่.

นักการตลาดชื่นชอบภูมิหลังวิดีโอเพราะพวกเขาทำให้เว็บไซต์ดูทันสมัยและสร้างความรู้สึกของศิลปะที่สามารถทำให้ภาพพื้นหลังคงที่ได้’ไม่ตรงกัน.

ผู้เชี่ยวชาญด้านการแปลงเว็บไซต์และคนปกติจำนวนมากเห็นผู้เยี่ยมชมอยู่บนเว็บไซต์ของตนนานขึ้นและมีแนวโน้มที่จะสมัครหรือเลือกรับข้อเสนอผลิตภัณฑ์ / บริการของตน.

การปรับปรุงที่ดีขึ้น 138% เมื่อเปลี่ยนเป็นวิดีโอพื้นหลังในหน้าแรก.

ที่มา: FoodBloggerPro

ผม’จะยอมรับ – การปรับปรุง 138% ฟังดูแปลกและท้าทายมาก ๆ ที่จะประสบความสำเร็จทุกวัน.

โปรดทราบว่าตัวเลขสูงดังกล่าวมาจากการทดสอบที่ดำเนินการโดยผู้เชี่ยวชาญด้านการเพิ่มประสิทธิภาพการแปลง / ธุรกิจที่ทำสิ่งนี้เพื่อหาเลี้ยงชีพ ดังนั้นจึง’มันยุติธรรมที่จะบอกว่าไม่ใช่ทุกคนที่ทำงานเว็บไซต์ DIY จะเห็นการปรับปรุงที่คล้ายกันเพียงแค่เพิ่มพื้นหลังวิดีโอลงในเว็บไซต์ของพวกเขา.

อย่างไรก็ตามการปรับปรุงการมีส่วนร่วมและการแปลงที่เพิ่มขึ้น 10% – 20% นั้นไม่สมเหตุสมผล สำหรับแม้แต่เจ้าของเว็บไซต์ครั้งแรกที่ไม่มีความช่วยเหลือจากมืออาชีพ – หากคุณใช้พื้นหลังวิดีโอในหน้าแรกของคุณอย่างถูกวิธี!

ลองนึกภาพถ้าคุณรวบรวมสมาชิกจดหมายข่าวทางอีเมลเพื่อให้คุณสามารถติดตามด้วยโปรโมชั่นพิเศษหรือแบ่งปันการสนทนาที่น่าสนใจเพื่อสร้างแบรนด์ของคุณ.

พิจารณาว่าสมาชิกที่เพิ่มขึ้น 20% สามารถทำอะไรกับธุรกิจของคุณได้บ้าง ซึ่งอาจหมายถึงยอดขายและ / หรือการรับรู้แบรนด์ที่สูงขึ้น!

ทั้งหมดนี้สามารถทำได้หากคุณสามารถดึงดูดผู้เข้าชม’ ความสนใจมีประสิทธิภาพมากขึ้น – โดยใช้พื้นหลังวิดีโอ.

นี่ไม่ใช่แค่ความคิดสมมุติ กรณีศึกษาจากชีวิตจริงจำนวนมากแสดงให้เห็นว่าธุรกิจหลาย ๆ แห่งประสบความสำเร็จโดยใช้ภูมิหลังวิดีโอเพื่อปรับปรุงยอดขาย.

เช่นเดียวกับทุกสิ่งในชีวิตมีวิธีที่ถูกและผิดวิธีในการทำสิ่งต่าง ๆ.

แม้จะมีบางสิ่งที่แปลกใหม่เหมือนพื้นหลังของวิดีโอคุณก็ยังสามารถทำให้พลาดและจบลงด้วยการทำร้ายการออกแบบเว็บไซต์และประสบการณ์โดยรวมของคุณ – ถ้าคุณไม่สวม’ไม่ยึดถือกฎพื้นฐานบางอย่าง.

ดังนั้นการเข้าใจวิธีหลีกเลี่ยงข้อผิดพลาดพื้นฐานเมื่อใช้พื้นหลังวิดีโอในหน้าแรกของคุณจะช่วยให้คุณมีโอกาสสูงขึ้นในการปรับปรุงการออกแบบเว็บไซต์ของคุณ.

ในคู่มือนี้เราจะแสดงขั้นตอนและแนวทางปฏิบัติที่ดีที่สุดที่คุณควรทำเพื่อใช้พื้นหลังวิดีโออย่างมีประสิทธิภาพ:

  1. วิธีใช้พื้นหลังวิดีโออย่างถูกวิธี?
  2. จะหาวิดีโอสำหรับเว็บไซต์ของคุณได้ที่ไหน?
  3. วิธีเพิ่มพื้นหลังวิดีโอในเว็บไซต์ของคุณ?

ปล่อย’เริ่มต้น….

วิธีใช้พื้นหลังวิดีโอ – วิธีที่ถูกต้อง

“ฉันเพียงแค่ต้องติดวิดีโอแบบสุ่มบนพื้นหลังเว็บไซต์ของฉันและฉัน’จะได้รับผลลัพธ์การแปลงที่ดีขึ้น!”

หากนี่คือสิ่งที่คุณกำลังคิดขอให้โชคดีเพราะคุณ’จะต้องการมัน.

พวกเราที่ WBE สวม’ไม่เชื่อในโชค.

เราเชื่อว่าทุกคนที่มีทักษะการสร้างเว็บไซต์น้อยถึงศูนย์สามารถประสบความสำเร็จในการออกแบบเว็บไซต์ระดับมืออาชีพ – ถ้าคุณเพียงทำตามกฎง่ายๆ (เช่นเดียวกับคำแนะนำการออกแบบอื่น ๆ ที่เรามี’เราได้สร้างขึ้นเป็นพิเศษสำหรับผู้ที่ไม่คุ้นเคย’เกิดมาพร้อมกับความรู้สึกที่ดีในการออกแบบ).

จริงกับความเชื่อของเราเรา’ได้สร้างแผนที่ถนนที่คุณสามารถติดตามได้อย่างง่ายดายเพื่อให้ได้ผลลัพธ์ที่น่าอัศจรรย์.

ส่วนที่ 1: คุณควรใช้พื้นหลังของวิดีโอบนเว็บไซต์ของคุณเมื่อใด?

พื้นหลังวิดีโอมีประสิทธิภาพสูงสุดเมื่อคุณใช้เพื่อ (1) สร้างบรรยากาศ (2) เพื่อตั้งค่าเสียงหรือ (3) เพื่อกระตุ้นปฏิกิริยาทางอารมณ์.

ปล่อย’ลองดูตัวอย่าง:

ตัวอย่าง # 1: ธุรกิจบริการองค์กร

ภูมิหลังของวิดีโอทำงานได้กับเว็บไซต์มืออาชีพส่วนใหญ่ไม่ว่าคุณจะทำงานในคลินิกธุรกิจที่ปรึกษาหรือหน่วยงานออกแบบ.

คุณสามารถใช้พื้นหลังวิดีโอเพื่อแสดงคลิปชีวิตของพนักงานของคุณหรือแม้แต่กระบวนการช่วยเหลือลูกค้า สิ่งนี้จะทำให้ลูกค้าของคุณมีโอกาสที่จะรู้จักคุณก่อนแม้แต่จะพูดคุยกับคุณ นอกจากนี้ยังแสดงภาพที่ชัดเจนในสิ่งที่พวกเขาสามารถคาดหวังจากธุรกิจของคุณ.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณคลิกเพื่อเล่น – ที่มา: Premisehealth.com

Premise Health เป็นสถานพยาบาลเอกชน สังเกตว่าพวกเขาผสมวิดีโอคลิปของคนที่วิ่งและทำโยคะอย่างไรกับคลิปของคนที่คุยกับหมอ.

สิ่งนี้จะช่วยสร้างความรู้สึกของสุขภาพและความเป็นอยู่ที่ดีโดยพื้นฐานแล้วว่า Premise Health สามารถปรับปรุงชีวิตของคุณได้อย่างไร.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณคลิกเพื่อเล่น – ที่มา: Grainandmortar.com

เมล็ดข้าว & มอร์ตาร์เป็นหน่วยงานออกแบบ ตัวอย่างนี้น่าสนใจเพราะมันแสดงให้คุณเห็นว่าคุณสวม’ไม่จำเป็นต้องมีพื้นหลังเต็มหน้าวิดีโอเพื่อรับผลประโยชน์ที่คล้ายกัน พวกเขาเพียงแสดงวิดีโอในส่วนหัวของหน้าเว็บที่ใช้เวลาไม่เกินครึ่งหนึ่งของอสังหาริมทรัพย์บนหน้าจอ.

วิดีโอแสดงการทำงานร่วมกันทุกวันของพนักงาน (ช่วงกลยุทธ์) และวิธีที่พวกเขาสร้างโซลูชันการออกแบบสำหรับลูกค้าของพวกเขา.

ตัวอย่าง # 2: ผลิตภัณฑ์ทางกายภาพหรือดิจิตอล

พื้นหลังวิดีโอยังทำงานได้ดีมากหากคุณขายผลิตภัณฑ์.

สร้างวิดีโอที่แสดงคนที่ใช้ผลิตภัณฑ์ของคุณเพื่อให้พวกเขาสามารถสัมผัสกับการใช้งานได้.

กุญแจสำคัญในที่นี้คือสร้างแรงบันดาลใจให้กับชีวิตของลูกค้าของคุณหากพวกเขาซื้อและใช้ผลิตภัณฑ์ของคุณ ด้วยการแสดงไลฟ์สไตล์บางอย่างคุณทำให้พวกเขาต้องการสิ่งที่คุณแสดงให้พวกเขาเห็น การตลาดแบบคลาสสิก 101 รายการ.

โดยทั่วไปแล้วคุณ’กำลังโน้มน้าวใจพวกเขาอยู่แล้วก่อนที่จะอ่านคำสัญญาณบนเว็บไซต์ของคุณ!

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณคลิกเพื่อเล่น – ที่มา: Fitradio.com

Fit Radio เป็นแอพเพลงสำหรับออกกำลังกาย วิดีโอมีประสิทธิภาพมากในการแสดงให้ลูกค้าเห็นว่าสนุกกับการออกกำลังกายมากขึ้นด้วยแอพ.

คุณสามารถใช้ความคิดนี้เพื่อแสดงว่าชีวิตจะเป็นอย่างไรเมื่อใช้ผลิตภัณฑ์ทางกายภาพหรือผลิตภัณฑ์ดิจิทัล / เพื่อการศึกษา (เช่นการเรียนรู้ภาษาที่สองและการเดินทาง).

ตัวอย่าง # 3: ประสบการณ์ (กิจกรรม, ทัวร์, การต้อนรับ)

พื้นหลังวิดีโอมีประสิทธิภาพอย่างยิ่งในการสร้างความตื่นเต้นหรือความรู้สึกดังนั้นทำไมไม่ลองใช้มันเพื่อพาผู้ชมไปผจญภัย?

วิธีนี้ใช้งานได้ดีจริงๆถ้าคุณเป็นผู้วางแผนกิจกรรมใช้งาน B&B หรือโรงแรมมัคคุเทศก์หรืออะไรก็ตามที่เกี่ยวข้องกับประสบการณ์ปลายทาง.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณคลิกเพื่อเล่น – ที่มา: Visithumboldt.com

ตัวอย่างเว็บไซต์ใช้หนึ่งในการใช้พื้นหลังวิดีโอที่ฉันโปรดปรานเนื่องจากพวกเขาส่งเสริมการท่องเที่ยวในแคลิฟอร์เนีย’ชายฝั่งเรดวูด.

วิดีโอนำคุณไปสู่การเดินทางในภูมิภาคและสร้างเรื่องราวหรือประสบการณ์ที่คล้ายคลึงกับอลิซในแดนมหัศจรรย์ มันมีประสิทธิภาพมากที่ทำให้ฉันต้องการวางแผนการเดินทางที่นั่น!

ตัวอย่าง # 4: ตำแหน่งทางกายภาพ (ร้านอาหารโรงแรมแกลเลอรีร้านค้า)

ร้านอาหารคาเฟ่โรงแรมร้านค้าหรือการตั้งค่าทางกายภาพใด ๆ สามารถใช้พื้นหลังวิดีโอเพื่อแสดงตำแหน่งของพวกเขาและให้ลูกค้าของพวกเขาทัวร์แนะนำภาพ.

คุณสามารถควบคุมประสบการณ์การมองเห็นบนหน้าจอและเป็นวิธีที่เรียบง่ายและมีประสิทธิภาพในการสร้างความปรารถนาที่จะต้องการเยี่ยมชมตำแหน่งทางกายภาพของคุณ!

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณคลิกเพื่อเล่น – ที่มา: Vandalnewyork.com

Vandal เป็นร้านอาหารในนิวยอร์ก พวกเขาใช้พื้นหลังวิดีโอเพื่อแสดงการออกแบบตกแต่งภายในที่ทันสมัยเพื่อดึงดูดให้คุณไปและเยี่ยมชม.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณคลิกเพื่อเล่น – ที่มา: Wix.com

ในขณะที่นี่เป็นเทมเพลตวิดีโอพื้นหลังจาก Wix และไม่ใช่ “มีชีวิต” เว็บไซต์วิดีโอดีมาก (คลิกเพื่อดูด้วยตัวคุณเอง).

มันแสดงให้เห็นว่าพ่อครัวชุบอาหารสดออกจากกระทะ ปากของคุณเริ่มที่จะรดน้ำเพียงแค่มองมัน – อย่างน้อยก็ทำเพื่อฉันในขณะที่ฉันได้’ฉันยังทานอาหารกลางวันไม่ได้ (ในเวลานั้น’ฉันเขียนสิ่งนี้ต่อไป!) วิดีโอนี้มีประสิทธิภาพมาก!

เราเป็นเพียงการขีดข่วนพื้นผิวว่าธุรกิจหรือเว็บไซต์ใดบ้างที่สามารถใช้พื้นหลังวิดีโอ:

  • สปา – คุณสามารถสร้างความหรูหราความสงบและการผ่อนคลายโดยการแสดงคลิปของการรักษาที่เป็นที่นิยมและแขกที่มีความสุขโดยใช้สิ่งอำนวยความสะดวก.
  • โรงแรม / บี&B / เที่ยว – คุณสามารถแสดงวิดีโอของที่พักบริการที่คุณให้และกิจกรรมใกล้เคียงเพื่อสร้างความตื่นเต้นและความรู้สึกของการผจญภัย.
  • ธุรกิจ / ผลิตภัณฑ์ – คุณสามารถสร้างแบรนด์ที่แข็งแกร่งขึ้นได้โดยใช้วิดีโอที่แสดงแก่นแท้ของผลิตภัณฑ์ของคุณ ตัวอย่างเช่นถ้าคุณขายอุปกรณ์กีฬาคุณสามารถแสดงคลิปของคนที่ออกกำลังกายและมีช่วงเวลาที่ดี – สร้างแรงบันดาลใจให้ผู้เยี่ยมชมเว็บไซต์ของคุณต้องการมีประสบการณ์และผลลัพธ์ที่คล้ายกัน.

รายการดำเนินต่อไปและคุณเกือบจะสามารถใช้ประโยชน์จากพื้นหลังวิดีโอไม่ว่าเว็บไซต์ของคุณจะเกี่ยวกับอะไร.

ตอนนี้ดูที่เว็บไซต์ของคุณเองและจินตนาการว่าพื้นหลังวิดีโอสามารถช่วยเปลี่ยนแปลงการออกแบบของคุณและทำให้การสร้างแบรนด์และการมีส่วนร่วมของผู้ใช้ของคุณก้าวไปอีกระดับ.

ถ้าคุณไม่’ยังไม่มีการตั้งค่าเว็บไซต์เรา’จะแสดงตัวเลือกบางอย่างด้านล่างซึ่งคุณสามารถค้นหาเครื่องมือสร้างเว็บไซต์ที่มีความสามารถในพื้นหลังวิดีโอ.

เราดำเนินการวิจัยของเราเองเพื่อตัดสินใจว่าเครื่องมือสร้างเว็บไซต์ใดเหมาะที่สุดสำหรับวัตถุประสงค์ที่แตกต่างกัน ทำแบบทดสอบของเราเพื่อรับคำแนะนำว่า’เป็นส่วนตัวตามความต้องการของคุณ.

ส่วนที่ 2: เมื่อคุณไม่ควรใช้พื้นหลังวิดีโอบนเว็บไซต์ของคุณ?

ในขณะที่พื้นหลังวิดีโอมีประสิทธิภาพมากในการดึงดูดความสนใจสิ่งนี้สามารถย้อนกลับมาได้หากคุณต้องการให้ผู้ชมมุ่งเน้นเนื้อหาที่เฉพาะเจาะจงมากในเว็บไซต์ของคุณ.

ทำไม? เนื่องจากวิดีโออาจดึงดูดความสนใจมากเกินไปและหากมีการใช้งานอย่างจริงจังเกินไปวิดีโออาจเอาชนะเนื้อหาอื่น ๆ ที่คุณต้องการให้ผู้เข้าชมให้ความสนใจ.

นี่คือเหตุผลที่พื้นหลังวิดีโอโดยทั่วไปไม่ใช่ความคิดที่ดีถ้าคุณมีบริการหรือผลิตภัณฑ์ที่ซับซ้อนซึ่งต้องการคำอธิบายโดยละเอียดเพื่อให้ผู้ชมเข้าใจ.

ในสถานการณ์เหล่านี้พื้นหลังวิดีโออาจเบี่ยงเบนความสนใจของผู้เข้าชมจากการมุ่งเน้นเฉพาะประเด็นสำคัญ.

ดังนั้นตรวจสอบเว็บไซต์และธุรกิจของคุณและดูว่าคุณเหมาะสมกับโปรไฟล์นี้หรือไม่ เครื่องมือออกแบบเช่นพื้นหลังวิดีโอมีไว้เพื่อช่วยปรับปรุงประสบการณ์ ถ้ามันไม่’อย่าทำให้เว็บไซต์ของคุณดีขึ้นกว่านี้’ไม่รู้สึกกดดันที่จะใช้มัน.

พื้นหลังวิดีโอเป็นเครื่องมือที่จะช่วยปรับปรุงประสบการณ์การใช้งานเว็บไซต์ของคุณ หากเครื่องมือนี้ไม่’ไม่พอดีกับเว็บไซต์หรือโปรไฟล์ธุรกิจของคุณ – เมื่อมีข้อสงสัยให้ทิ้งมันไว้!

ส่วนที่ 3: 5 กฎทองที่ต้องปฏิบัติเมื่อใช้พื้นหลังวิดีโอ

ในขณะที่เนื้อหาวิดีโอที่แตกต่างกันทำงานได้ดีสำหรับเว็บไซต์ต่าง ๆ แต่ก็มีเพียงเล็กน้อย “กฎที่ใช้ป้องกันการจำลอง” ที่สามารถนำไปใช้เพื่อช่วยคุณสร้างประสบการณ์ที่ดีที่สุดสำหรับเว็บไซต์ของคุณ.

นี่ไม่ใช่รายการที่ลงท้ายรายการทั้งหมด แต่เป็นจุดเริ่มต้นที่ดีที่จะนำคุณไปสู่เส้นทางที่ถูกต้องเพื่อให้คุณสามารถหลีกเลี่ยงข้อผิดพลาดที่พบได้บ่อย แต่มีข้อผิดพลาดร้ายแรง.

กฎ # 1: ใช้วิดีโอโดยมีวัตถุประสงค์เท่านั้น

วิดีโอที่มีวัตถุประสงค์ช่วยเสริมสร้างแบรนด์ของคุณหรือข้อความที่คุณพยายามสื่อสาร.

ตัวอย่างเช่นหากคุณเป็นนักบัญชีคุณไม่ควร’ไม่แสดงวิดีโอที่เน้นภูมิทัศน์ที่สวยงามจากเทือกเขาแอลป์สวิส! ในขณะที่มันอาจดูสวยงาม แต่ก็อาจไม่ได้’ไม่มีอะไรเกี่ยวข้องกับธุรกิจของคุณหรือเป็นตัวแทนของคุณ กล่าวอีกนัยหนึ่งวิดีโออาจไม่เกี่ยวข้องและไม่สามารถเน้นธุรกิจของคุณได้.

นอกจากนี้ยังอาจสร้างความสับสนให้กับลูกค้าของคุณ: “นี่เป็นร้านจำหน่ายอุปกรณ์เกียร์กลางแจ้งหรือไม่? หรือเว็บไซต์นี้ขายแพ็คเกจวันหยุดไปสวิตเซอร์แลนด์ให้ฉัน?“

ตรวจสอบให้แน่ใจว่าวิดีโอที่คุณเลือกสำหรับพื้นหลังของคุณเติมเต็มสิ่งที่หน้าแรกของคุณกำลังพยายามบรรลุ.

กฎ # 2: ดอน’อย่าปล่อยให้วิดีโอของคุณแข่งขันกับเนื้อหาของคุณ

คุณน่าจะมีข้อความหรือเนื้อหาบางประเภทอยู่ด้านบนของพื้นหลังวิดีโอของคุณ ดังนั้นตรวจสอบให้แน่ใจว่าวิดีโอไม่กระทบต่อความสามารถในการอ่านเนื้อหาของคุณเหนือวิดีโอ.

ถ้าเป็นเช่นนั้นผู้เข้าชมของคุณจะมีเวลาที่ยากลำบากในการอ่านข้อมูล.

คุณทำเช่นนั้นได้อย่างไร?

ตัวเลือกที่ 1: เลือกสีของเนื้อหาที่ตัดกัน

ตรวจสอบให้แน่ใจว่าสีของเนื้อหาของคุณ (เช่นข้อความปุ่ม) ตัดกับวิดีโอของคุณ.

ตัวอย่างเช่นหากคุณมีวิดีโอที่เข้มกว่าให้ใช้สีขาวในโลโก้ปุ่มและข้อความใด ๆ สิ่งนี้จะทำให้มันโผล่ขึ้นมา.

หากคุณใช้วิดีโอที่มีน้ำหนักเบาให้ใช้สีที่มีสีสันมากขึ้นหรือเข้มขึ้นในเนื้อหาของคุณ.

เทคนิคนี้สามารถช่วยสร้างคอนทราสต์ที่คุณต้องการเพื่อให้เนื้อหาของคุณไม่ผสมผสานลงในพื้นหลังวิดีโอ.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ที่มา: Fitradio.com

Fit Radio ทำงานได้ดีในการเน้นเนื้อหาโดยใช้สีขาวและสีเหลือง พวกมันโผล่ขึ้นมาจากพื้นหลังวิดีโอที่มืดกว่า.

ตัวเลือกที่ 2: วางซ้อนพื้นหลังวิดีโอของคุณด้วยหน้าจอมืดหรือสว่าง

หากคุณใช้พื้นหลังวิดีโอที่มีชีวิตชีวาพร้อมรายละเอียดมากมายมันสามารถทำให้เนื้อหาของคุณอ่านยากแม้ว่าคุณจะใช้สีตัดกันที่เหมาะสมในเนื้อหาของคุณ.

นี่คือเมื่อคุณต้องการลดความเข้มของพื้นหลังวิดีโอของคุณด้วยการซ้อนทับสีเข้มหรือแสง.

สิ่งนี้จะทำให้พื้นหลังวิดีโอของคุณเข้มหรือเบากว่าต้นฉบับและทำให้รายละเอียดที่ทำให้อ่านยากขึ้น.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์Dark Overlay Example – FortyLight Overlay Example – Cobble Hill

ตัวเลือก 3: วางซ้อนพื้นหลังวิดีโอด้วยสี

คุณยังสามารถซ้อนทับวิดีโอด้วยสี มันให้เอฟเฟกต์ที่คล้ายกันกับตัวเลือก 2 ด้านบนพร้อมกับประโยชน์เพิ่มเติมของการสร้างแบรนด์ให้แข็งแกร่งยิ่งขึ้นเมื่อคุณใช้สีของแบรนด์เป็นภาพซ้อนทับ.

ในกรณีส่วนใหญ่สีของเนื้อหาสีขาวจะทำงานได้ดีที่สุดกับการซ้อนทับสีเกือบทั้งหมด.

วิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ที่มา: Focus Labวิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ที่มา: Harbrวิธีใช้พื้นหลังวิดีโอบนเว็บไซต์ที่มา: Sudio Wolf

กฎ # 3: ใช้คลิปวิดีโอสั้น ๆ ที่ลูป

ความเร็วในการโหลดเว็บไซต์ของคุณเป็นเรื่องที่น่ากังวลอย่างมากเมื่อใช้พื้นหลังวิดีโอเนื่องจากไฟล์วิดีโออาจมีขนาดใหญ่และอาจใช้เวลาโหลดนานกว่า.

การวิจัยพบว่าความเร็วในการโหลดเว็บไซต์ที่ไม่ดีอาจทำให้ผู้เยี่ยมชมออกจากเว็บไซต์ของคุณก่อนกำหนดและอาจลดอันดับของเครื่องมือค้นหาลง.

กุญแจสำคัญในการปรับปรุงความเร็วในการโหลดเว็บไซต์ของคุณเมื่อใช้พื้นหลังวิดีโอคือการทำให้วิดีโอสั้นและไฟล์วิดีโอขนาดเล็ก.

Rule of Thumb: พยายาม จำกัด วิดีโอให้ยาว 5-10 วินาทีและขนาดไฟล์วิดีโอเป็น 6MB หรือน้อยกว่า คุณสามารถวนซ้ำวิดีโอของคุณอย่างต่อเนื่องเพื่อสร้างความประทับใจว่าวิดีโอนั้นมีความยาวมากกว่าที่เป็นจริง.

คุณ’ไม่ได้สร้างภาพเคลื่อนไหวที่สำคัญที่นี่ดังนั้นหากขนาดไฟล์วิดีโอของคุณใหญ่เกินไปโปรดย่อให้สั้นลงและ / หรือลดคุณภาพของวิดีโอ.

หากคุณต้องการความช่วยเหลือในการแก้ไขวิดีโอของคุณให้มีความยาวและขนาดที่แน่นอน แต่อย่าสวม’ไม่รู้ว่าจะทำอย่างไรด้วยตัวเอง Fiverr.com เป็นตัวเลือกที่ยอดเยี่ยมที่คุณสามารถค้นหาความช่วยเหลือจากผู้เชี่ยวชาญด้วยการแก้ไขเล็กน้อยในราคาที่สมเหตุสมผล.

กฎ # 4: ใช้วิดีโอโดยไม่มีเสียง

เสียงที่เล่นอัตโนมัติเมื่อโหลดหน้าเว็บได้รับการจัดอันดับว่าเป็นหนึ่งในสิ่งที่น่ารำคาญที่สุดเมื่อพูดถึงประสบการณ์เว็บไซต์โดยเฉพาะอย่างยิ่งถ้ามันเริ่มระเบิดเมื่อคุณอยู่ในสำนักงาน!

พื้นหลังวิดีโอจะเล่นโดยอัตโนมัติเมื่อคุณโหลดเว็บไซต์ ดังนั้นหากวิดีโอของคุณมีเสียงมันก็จะเล่นโดยอัตโนมัติเช่นกัน.

ดังนั้นหากวิดีโอคลิปของคุณมาพร้อมกับเสียงให้ลบออก (ใช้ Fiverr.com) หรือปิดเสียง.

กฎ # 5: อย่าแสดงตัวควบคุมวิดีโอ

ผม’ได้เห็นครั้งแล้วครั้งเล่าที่ผู้คนต้องการเพิ่มหรือแสดงตัวควบคุมวิดีโอในส่วนหัวของวิดีโอหรือพื้นหลัง.

สิ่งหนึ่งที่สำคัญสำหรับคุณที่ต้องจำคือมันเป็นเพียงพื้นหลังวิดีโอ สวม’อย่าทำแบบเดียวกับโปรแกรมเล่นวิดีโอบนหน้าเว็บ.

หากคุณเพิ่มการควบคุมวิดีโอมันจะขัดต่อวัตถุประสงค์ของพื้นหลังวิดีโอและเปลี่ยนจากการเป็นเพียงพื้นหลังของรายการวิดีโอหลักยกเว้นไม่มีเสียงและเล่นอย่างต่อเนื่องในวง.

หากคุณต้องการแทรกวิดีโอการเรียนการสอนหรือให้ข้อมูลลงในหน้าเว็บของคุณแล้วสวม’อย่าใช้มันเป็นพื้นหลังของคุณ เพียงใช้เค้าโครงหน้าปกติและเพิ่มเครื่องเล่นวิดีโอเพื่อเล่นวิดีโอนั้น.

เมื่อคุณกำลังลองแนวโน้มการออกแบบใหม่ (เช่นพื้นหลังวิดีโอ) กุญแจสำคัญคือการปรับปรุงการมีส่วนร่วมของผู้ใช้ – ไม่ลดลง กฎ 5 ข้อข้างต้นช่วยให้คุณทำสิ่งนั้นได้สำเร็จ.

ตอนนี้คุณรู้วิธีใช้พื้นหลังวิดีโออย่างถูกต้องแล้ว’ดูว่าคุณสามารถเพิ่มพื้นหลังวิดีโอในเว็บไซต์ของคุณได้อย่างไร.

ตำแหน่งที่จะค้นหาวิดีโอสำหรับเว็บไซต์ของคุณ

ความท้าทายแรกของคุณคือค้นหาวิดีโอที่สมบูรณ์แบบสำหรับเว็บไซต์ของคุณ.

โปรดจำไว้ว่ากฎ # 1 จากด้านบนและตรวจสอบให้แน่ใจว่าวิดีโอที่คุณเลือกช่วยสื่อสารคุณค่าของคุณและตอกย้ำแบรนด์ของคุณ.

ภูมิหลังวิดีโอที่ดีที่สุดบางส่วนของเรา’เห็นได้ทำเอง ด้วยเทคโนโลยีทุกวันนี้คุณสามารถถ่ายภาพตัวเองด้วยกล้องดิจิตอลหรือแม้กระทั่งกับ iPhone ของคุณ จำได้ไหม’ไม่จำเป็นต้องสมบูรณ์แบบนี่เป็นเรื่องจริงโดยเฉพาะอย่างยิ่งหากคุณใช้การซ้อนทับแบบมืดแสงหรือสีในวิดีโอของคุณ.

หากคุณต้องการความช่วยเหลือเกี่ยวกับการตัดต่อวิดีโอคุณสามารถค้นหาผู้เชี่ยวชาญอิสระราคาไม่แพงมากมาย:

  • Upwork (ก่อนหน้านี้ oDesk & Elance)
  • Fiverr

ถ้าคุณไม่’ไม่รู้สึกสะดวกสบายในการสร้างวิดีโอของคุณเองคุณสามารถใช้วิดีโอสต็อกฟรีหรือแบบชำระเงินได้.

วิดีโอสต็อกเหล่านี้ยอดเยี่ยมในการสร้างอารมณ์ที่เฉพาะเจาะจง ความแตกต่างระหว่างวิดีโอสต็อกกับฟรีที่ชำระคือคุณภาพและการเลือก ดังนั้นเราขอแนะนำให้คุณตรวจสอบแหล่งที่จ่ายเงินและฟรี.

  1. VideoHive: เรา’เราเคยใช้สิ่งนี้หลายครั้งเมื่อเรามองหาภูมิหลังของวิดีโอและเราก็พบว่ามีคลิปดีๆเมื่อสร้างวิดีโอโปรโมตธุรกิจ วิดีโอมีราคาไม่แพงและส่วนใหญ่มีราคาตั้งแต่ $ 5 ถึง $ 35 พวกเขามีให้เลือกมากมายดังนั้นคุณ’จะมีโอกาสที่ดีในการค้นหาสิ่งที่คุณ’กำลังมองหาที่นั่น.
  2. แหล่งวิดีโอฟรี: Digital Video Magazine มีบทความที่ดีเกี่ยวกับทรัพยากรวิดีโอฟรี 25 อันดับแรก นี่เป็นจุดเริ่มต้นที่ดีในการค้นหา.

วิธีการเพิ่มพื้นหลังวิดีโอในเว็บไซต์ของคุณ

ทุกอย่างจนถึงตอนนี้ค่อนข้างง่าย – กฎอะไรที่ต้องปฏิบัติตามเพื่อหลีกเลี่ยงข้อผิดพลาดทั่วไปและตำแหน่งที่จะค้นหาวิดีโอของคุณ.

ตอนนี้ส่วนที่ยากขึ้นมา – คุณจะตั้งค่าวิดีโอเป็นพื้นหลังของหน้าเว็บของคุณได้อย่างไร?

สิ่งนี้สามารถทำได้ง่ายเพียงแค่คลิกปุ่มหรือมันอาจจะยากเหมือนการเขียนรหัสไปยังเว็บไซต์ของคุณอีกครั้ง.

ความท้าทายในการเพิ่มพื้นหลังวิดีโอในเว็บไซต์ของคุณนั้นขึ้นอยู่กับผู้สร้างเว็บไซต์ที่คุณใช้งานอยู่!

หากคุณใช้งาน WordPress

หากคุณใช้ WordPress คุณมีสองตัวเลือกในการเพิ่มพื้นหลังวิดีโอ:

  1. ใช้ชุดรูปแบบที่สนับสนุนพื้นหลังวิดีโอ หรือ
  2. ใช้ปลั๊กอินพื้นหลังวิดีโอ.

หากคุณตัดสินใจที่จะใช้ปลั๊กอินพื้นหลังวิดีโอคุณ’จะต้องทดสอบก่อนเพื่อดูว่าใช้งานได้ดีเพียงใด นอกจากนี้ตรวจสอบให้แน่ใจว่าเข้ากันได้กับธีม WordPress ปัจจุบันของคุณอย่างเต็มที่เพื่อให้ได้รับรางวัล’ไม่ก่อให้เกิดความขัดแย้งใด ๆ ที่อาจเกิดขึ้น “หยุดพัก” เว็บไซต์ของคุณ.

หรือตรวจสอบว่าชุดรูปแบบของคุณมีฟังก์ชั่นพื้นหลังวิดีโอที่เป็นส่วนหนึ่งของการออกแบบอยู่แล้ว ถ้าเป็นเช่นนั้น’ง่ายต่อการเปิดใช้งาน.

หากธีมของคุณไม่ได้’ไม่มีฟังก์ชันพื้นหลังวิดีโอในตัวคุณอาจต้องค้นหาชุดรูปแบบที่มีฟังก์ชันในตัว ข้อเสียคือคุณ’จะต้องเปลี่ยนการออกแบบเว็บไซต์ด้วยธีมใหม่ ดังนั้นชั่งน้ำหนักตัวเลือกของคุณและดูว่าอันไหนที่คุณต้องการ.

หากคุณใช้การลาก & วางเครื่องมือสร้างเว็บไซต์

เกิดอะไรขึ้นถ้าคุณไม่ได้ใช้ WordPress แต่เป็นการลาก & วางเครื่องมือสร้างเว็บไซต์เช่น Wix, Squarespace, Weebly หรือผู้สร้างร้านค้าออนไลน์เช่น Shopify?

หากคุณกำลังใช้ Weebly มันไม่ง่ายเลยที่จะเพิ่มพื้นหลังวิดีโอโดยไม่ทราบวิธีการเขียนโค้ด.

แม้ว่า Weebly เป็นที่รู้จักกันว่าเป็นหนึ่งในผู้สร้างเว็บไซต์ที่ง่ายที่สุดที่จะใช้และช่วยให้คุณมีความสามารถในการเพิ่มพื้นหลังวิดีโอที่มีการเข้ารหัสที่กำหนดเองพวกเขาไม่’ไม่มีพื้นหลังวิดีโอเนทิฟในตัว.

วิธีแก้ปัญหาคือใช้ภาพเคลื่อนไหว GIF เป็นภาพพื้นหลังของคุณ คุณจะไม่ได้รับคุณภาพของภาพเช่นเดียวกับวิดีโอจริง แต่คุณจะได้รับพื้นหลังเคลื่อนไหว.

ดังนั้นตัวสร้างเว็บไซต์ที่ให้คุณเพิ่มพื้นหลังวิดีโอได้อย่างง่ายดาย?

Wix, Squarespace และ Shopify สามารถ!

พื้นหลังวิดีโอ # 1 Wix

การใช้ Wix เป็นวิธีที่ง่ายที่สุดในการเพิ่มและจัดการพื้นหลังวิดีโอด้วยทักษะการเขียนโปรแกรมที่ไม่มีศูนย์ คุณสามารถอ่านบทวิจารณ์โดยละเอียดเกี่ยวกับพวกเขาได้ที่นี่.

การเพิ่มพื้นหลังวิดีโอนั้นง่ายเหมือนการเพิ่มภาพด้วย Wix นี่คือวิดีโอที่แสดงให้คุณเห็นว่ามันทำงานอย่างไร:

(คลิกที่ภาพเพื่อเล่นวิดีโอ)

ชุดรูปแบบพื้นหลังวิดีโอ Wix:

นี่คือธีม Wix บางส่วนที่คุณสามารถลองใช้เพื่อแสดงพื้นหลังวิดีโอบนเว็บไซต์ของคุณได้ฟรี ใช้เวลาเพียงไม่กี่คลิกในการอัปโหลดวิดีโอของคุณ – ไม่จำเป็นต้องมีการเข้ารหัสทางเทคนิค.

นอกจากนี้ Wix ยังมีฟังก์ชั่นการแก้ไขพื้นหลังวิดีโอบางอย่างเช่นความสามารถในการกำหนดรูปแบบการซ้อนทับหรือสีใด ๆ สำหรับพื้นหลังวิดีโอของคุณหรือการปรับฟังก์ชั่นวนรอบวิดีโอ.

มันทำให้ง่ายสำหรับคุณที่จะให้พื้นหลังวิดีโอของคุณทำงานในไม่กี่นาที.

แม่แบบชุดรูปแบบเว็บไซต์พื้นหลังวิดีโอแม่แบบชุดรูปแบบเว็บไซต์พื้นหลังวิดีโอแม่แบบชุดรูปแบบเว็บไซต์พื้นหลังวิดีโอแม่แบบชุดรูปแบบเว็บไซต์พื้นหลังวิดีโอแม่แบบชุดรูปแบบเว็บไซต์พื้นหลังวิดีโอแม่แบบชุดรูปแบบเว็บไซต์พื้นหลังวิดีโอ

(คลิกที่ภาพใด ๆ ด้านบนเพื่อดูธีมจริงที่มีพื้นหลังวิดีโอ)

# 2 พื้นหลังวิดีโอ Squarespace

ก่อนอื่นเลย, Squarespace เป็นหนึ่งในผู้สร้างเว็บไซต์ที่มุ่งเน้นการออกแบบที่ดีที่สุดในตลาดปัจจุบัน.

ดังนั้นจึง’ไม่แปลกใจเลยที่พวกเขาจะเพิ่มพื้นหลังวิดีโอในเว็บไซต์ของคุณเรียบง่ายและสง่างาม คุณสามารถอ่านบทวิจารณ์โดยละเอียดเกี่ยวกับพวกเขาได้ที่นี่.

พื้นหลังวิดีโอสแควร์สเปซ

คุณสามารถอัปโหลดวิดีโอของคุณลงใน YouTube หรือ Vimeo จากนั้นใส่ที่อยู่เว็บของวิดีโอลงในตัวแก้ไข Squarespace และที่’เกี่ยวกับมัน.

เพียงแค่ทราบว่าแม่แบบ Squarespace บางส่วนนั้นไม่สนับสนุนพื้นหลังวิดีโอ คุณ’จะพบรายการเทมเพลตที่รองรับคุณสมบัตินี้ได้ที่นี่ (รวมทั้งบทช่วยสอนเกี่ยวกับวิธีทำให้พื้นหลังวิดีโอทำงานและทำงานอยู่).

Squarespace ยังช่วยให้คุณแก้ไขรูปลักษณ์ของพื้นหลังวิดีโอด้วยเครื่องมือแก้ไขเช่นฟิลเตอร์เก๋เท่สีซ้อนทับและความเร็วในการเล่น สิ่งนี้ให้ความสามารถในการเพิ่มการปรับแต่งเล็กน้อยให้กับการออกแบบของคุณ.

# 3 พื้นหลัง Shopify วิดีโอ

Shopify ช่วยให้คุณสามารถเพิ่มพื้นหลังวิดีโอในลักษณะที่คล้ายกันเป็นเว็บไซต์ WordPress ดังนั้นคุณสามารถทำได้โดยใช้ชุดรูปแบบที่สนับสนุนพื้นหลังวิดีโอหรือคุณสามารถใช้ปลั๊กอินพื้นหลังวิดีโอที่พบใน Shopify’แอพสโตร์.

เมื่อเปรียบเทียบกับ Wix และ Squarespace จะต้องใช้เวลาเพิ่มอีกเล็กน้อยในการเพิ่มพื้นหลังวิดีโอใน Shopify แต่นี่เป็นตัวเลือกที่ดีกว่าสำหรับคุณหากคุณดำเนินธุรกิจอีคอมเมิร์ซ (Shopify เป็นหนึ่งในผู้สร้างอีคอมเมิร์ซที่ดีที่สุดในตลาดวันนี้คุณสามารถดูบทวิจารณ์ของเราได้ที่นี่).

พื้นหลังวิดีโอ Shopifyคลิกที่ภาพเพื่อดูรูปแบบ Shopify

ในขณะนี้ชุดรูปแบบพื้นหลังวิดีโอค่อนข้าง จำกัด ใน Shopify’ธีมร้านค้า คุณจะได้รับการเลือกมากขึ้นถ้าคุณค้นหาธีมพื้นหลังวิดีโอ Shopify ในผู้ให้บริการบุคคลที่สามเช่น Themeforest.

โปรดทราบว่าชุดรูปแบบทั้งหมดที่มีใน Shopify’Theme Store ได้รับการคัดเลือกรับรองและสนับสนุนโดย Shopify.

ในการเปรียบเทียบ Shopify Themes จากผู้ให้บริการบุคคลที่สามจะไม่ได้รับ Shopify’กระบวนการคัดกรองโดยตรง ในขณะที่ฉันไม่ได้บอกว่าชุดรูปแบบของบุคคลที่สามไม่ดีเท่าฉันต้องการให้คุณได้รับแจ้งหากคุณกำลังพิจารณาว่าจะซื้อจากผู้ให้บริการบุคคลที่สามหรือไม่.

สรุป – ซื้อกลับบ้าน

การใช้พื้นหลังวิดีโออาจเป็นเครื่องมือการออกแบบที่ยอดเยี่ยมหากคุณรู้วิธีใช้อย่างถูกต้อง ด้วยการทำตามกฎทองทั้ง 5 ข้อของเราคุณจะล้ำหน้าเกม!

โปรดจำไว้ว่าผู้คนต่างตอบสนองต่างกันไปกับวิดีโอต่าง ๆ ดังนั้นให้ลองทดสอบวิดีโอเพื่อดูว่าวิดีโอใดที่ทำงานได้ดีที่สุดสำหรับเว็บไซต์และผู้เข้าชมของคุณ!

พบคู่มือนี้มีประโยชน์?

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map