วิธีใช้บล็อกวิดีโอ WordPress

เผยแพร่แล้ว: 2021-09-08

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

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

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

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

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

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

หากต้องการ คุณสามารถพิมพ์ /video ตำแหน่งที่คุณต้องการวางบล็อกแล้วกด Enter หรือเลือกจากตัวเลือก

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

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

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

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

การตั้งค่าและตัวเลือกบล็อกวิดีโอ

การตั้งค่าและตัวเลือกบล็อกวิดีโอ

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

แถบเครื่องมือบล็อกวิดีโอ

แถบเครื่องมือบล็อกวิดีโอ

คลิกที่ใดก็ได้ภายใน Video Block เพื่อดูเครื่องมือ เครื่องมือบางอย่างอาจไม่แสดงจนกว่าคุณจะเพิ่มพื้นที่บล็อกภายใต้บล็อกนี้ มาดูการตั้งค่าแต่ละอย่างอย่างละเอียดกัน

บล็อกหรือสไตล์เปลี่ยนวิดีโอ

บล็อกหรือสไตล์เปลี่ยนวิดีโอ

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

กลุ่ม – เพิ่มบล็อกในกลุ่มเพื่อให้คุณสามารถปรับเปลี่ยนเป็นบล็อกเดียวได้

คอลัมน์ – วางบล็อกไว้ภายในคอลัมน์

สื่อและข้อความ – เพิ่มข้อความข้างสื่อ สร้างสองคอลัมน์

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

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

เครื่องมือลากบล็อกวิดีโอ

เครื่องมือลากบล็อกวิดีโอ

หยิบเครื่องมือลากด้วยเมาส์เพื่อย้ายไปที่ใดก็ได้ภายในเนื้อหาของคุณ เส้นสีน้ำเงินจะปรากฏขึ้นเพื่อระบุตำแหน่งที่จะทิ้งบล็อกเมื่อคุณลากไปรอบๆ

เครื่องมือลากบล็อกวิดีโอ

บล็อกวิดีโอจะถูกวางในตำแหน่งใหม่

การย้ายบล็อกวิดีโอ

การย้ายบล็อกวิดีโอ

ย้ายบล็อกวิดีโอทีละส่วนเนื้อหาโดยใช้ลูกศรขึ้นและลง

การจัดแนวเปลี่ยนบล็อกวิดีโอ

การจัดแนวเปลี่ยนบล็อกวิดีโอ

ตัวเลือกการจัดตำแหน่งประกอบด้วย ซ้าย กลาง ขวา กว้าง และเต็มความกว้าง การจัดตำแหน่งด้านขวาและด้านซ้ายจะตัดข้อความจากบล็อกถัดไปรอบๆ วิดีโอ ฉันได้ตั้งค่าตัวอย่างนี้เพื่อจัดตำแหน่งให้ถูกต้อง

การจัดแนวเปลี่ยนบล็อกวิดีโอ

นี่คือความกว้างกว้าง จะใช้เวลาส่วนใหญ่ของหน้าจอ

แทร็กข้อความบล็อกวิดีโอ

แทร็กข้อความบล็อกวิดีโอ

แทร็กข้อความแสดงคำบรรยายและคำอธิบายภาพเมื่อวิดีโอกำลังเล่น จัดรูปแบบเป็นไฟล์ WebVTT (แทร็กข้อความวิดีโอบนเว็บ) .vtt ไฟล์ถูกโหลดจากไลบรารีสื่อ

แทร็กข้อความบล็อกวิดีโอ

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

ป้ายกำกับคือชื่อแทร็กข้อความที่ผู้ใช้จะเห็นเมื่อดูแทร็กที่มีอยู่

ภาษาต้นทางคือภาษาของแทร็กข้อความ

ชนิด หมายถึงประเภทของแทร็กที่จะแสดง ตัวเลือกได้แก่:

  • คำบรรยาย – การแปลบทสนทนา
  • คำบรรยาย – การถอดเสียงของบทสนทนา เอฟเฟกต์เสียง เพลง ฯลฯ
  • คำอธิบาย – ข้อความที่อธิบายสิ่งที่เกิดขึ้น
  • บท – ชื่อบทสำหรับการนำทาง
  • ข้อมูลเมตา – ข้อมูลสำหรับจาวาสคริปต์ที่จะใช้

แทร็กข้อความบล็อกวิดีโอ

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

แทนที่บล็อกวิดีโอ

แทนที่บล็อกวิดีโอ

วิธีนี้ช่วยให้คุณแทนที่วิดีโอด้วยวิดีโออื่นได้

ตัวเลือกบล็อกวิดีโอ

ตัวเลือกบล็อกวิดีโอ

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

นี่คือสิ่งที่ตัวเลือกทำ:

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

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

ซ้ำ - เพิ่มบล็อกที่ซ้ำกันภายใต้ต้นฉบับ

แทรกก่อน – เพิ่มพื้นที่บล็อกเหนือบล็อกนี้เพื่อให้คุณสามารถวางบล็อกอื่นได้

แทรกหลัง – เพิ่มพื้นที่ด้านล่างบล็อกนี้ซึ่งคุณสามารถวางบล็อกอื่นได้

ย้ายไปที่ - ช่วยให้คุณสามารถย้ายบล็อกขึ้นหรือลง มันถูกย้ายโดยใช้ปุ่มลูกศรเพื่อวางเส้นสีน้ำเงินที่คุณต้องการบล็อกแล้วกด Enter

แก้ไขเป็น HTML – แสดง HTML ของบล็อกนี้เท่านั้น โดยปล่อยให้บล็อกอื่นๆ ทั้งหมดเป็นปกติ

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

กลุ่ม – เพิ่มบล็อกในกลุ่มเพื่อให้คุณสามารถปรับเปลี่ยนบล็อกทั้งหมดเป็นหน่วยเดียวได้

ลบบล็อก - จะเป็นการลบบล็อก

ตัวเลือกคำบรรยายวิดีโอบล็อก

ตัวเลือกคำบรรยายวิดีโอบล็อก

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

  • รหัสอินไลน์
  • ภาพอินไลน์
  • อินพุตคีย์บอร์ด
  • ขีดฆ่า
  • สมัครสมาชิก
  • ตัวยก
  • สีข้อความ

แต่ละรายการมีผลกับข้อความที่คุณเน้น

การตั้งค่าบล็อกวิดีโอ

การตั้งค่าบล็อกวิดีโอ

การตั้งค่าสำหรับ Video Block รวมถึงวิดีโอและขั้นสูง ลองดูทั้งสอง

การตั้งค่าวิดีโอ

การตั้งค่าบล็อกวิดีโอ

การตั้งค่าวิดีโอช่วยให้คุณควบคุมวิธีการทำงานของโปรแกรมเล่น ตัวเลือกได้แก่:

เล่นอัตโนมัติ – เล่นวิดีโอโดยอัตโนมัติเมื่อโหลดหน้า

วน ซ้ำ – เล่นวิดีโอแบบวนซ้ำต่อเนื่อง

ปิดเสียง - ปิดเสียง

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

เล่น แบบอินไลน์ – เล่นวิดีโอภายในพื้นที่เล่นขององค์ประกอบ

โหลดล่วงหน้า – กำหนดจำนวนวิดีโอที่จะดาวน์โหลดเมื่อโหลดหน้า เลือกอัตโนมัติ (ทั้งวิดีโอ) ข้อมูลเมตา (เฉพาะข้อมูลพื้นฐาน) หรือไม่มีเลย (ไม่มีการดาวน์โหลดโดยอัตโนมัติ)

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

ขั้นสูง

ขั้นสูง

การตั้งค่าวิดีโอขั้นสูงประกอบด้วยแองเคอร์ HTML และคลาส CSS เพิ่มเติม

สมอ HTML – ให้คุณระบุข้อความเพื่อใช้เป็น URL ที่กำหนดเองสำหรับบล็อกนี้

คลาส CSS เพิ่มเติม – ให้ฟิลด์สำหรับเพิ่มคลาส CSS ใด ๆ ที่คุณต้องการใช้สำหรับบล็อกนี้

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

หากคุณกำลังฝังวิดีโอจากแหล่งที่มาเช่น YouTube หรือ Vimeo ให้ใช้การบล็อกแทนการบล็อกวิดีโอ

บีบอัดวิดีโอและลดขนาดและเวลาในการโหลด

สร้างแทร็ก .vtt โดยใช้ตัวสร้างคำบรรยายออนไลน์หรือแอปที่คล้ายกัน

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

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

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

คำถามที่พบบ่อยเกี่ยวกับ Video Block

จุดประสงค์ของบล็อกนี้คืออะไร?

บล็อกนี้ทำให้ง่ายต่อการโฮสต์วิดีโอบนเว็บไซต์ของคุณ และให้คุณควบคุมวิธีการทำงานของโปรแกรมเล่น

บล็อกวิดีโอกับการฝังวิดีโอต่างกันอย่างไร

วิดีโอแบบฝังจากแหล่งต่างๆ เช่น YouTube และ Vimeo ไม่ได้ทำให้คุณควบคุมคุณสมบัติของเครื่องเล่นได้

อะไรคือวิธีที่ดีที่สุดในการใช้บล็อกนี้?

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

บทสรุป

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

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

ภาพเด่นผ่าน PD99 / shutterstock.com