7 วิธีง่ายๆ ในการฝังวิดีโอใน WordPress

เผยแพร่แล้ว: 2022-08-05

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

บทความนี้จะแสดงวิธีง่ายๆ 7 วิธีในการฝังวิดีโอใน WordPress นอกจากนี้ โปรดอ่านต่อไป และคุณจะพบเคล็ดลับโบนัสบางประการในการใช้วิดีโอที่ฝังไว้อย่างมีประสิทธิภาพ

ให้การแสดงนี้บนท้องถนน!

  • ประโยชน์ของวิดีโอในการสร้างเว็บไซต์
  • #1 ฝังวิดีโอจาก WordPress Media Library
  • #2 ฝังวิดีโอ Amazon S3 ใน WordPress
  • #3 ฝังวิดีโอโดยใช้ WordPress Classic Editor
  • #4 ใช้ตัวแก้ไขบล็อกเพื่อฝังวิดีโอใน WordPress
  • #5 ฝังวิดีโอใน WordPress ด้วยตัวสร้างเพจ
  • #6 เปิดใช้งานปลั๊กอินโปรแกรมเล่นวิดีโอ WordPress
  • #7 ฝังวิดีโอใน WordPress แถบด้านข้างและส่วนท้าย
  • โบนัสแสนหวาน: ปกป้องวิดีโอของคุณจากการถูกแชร์

ประโยชน์ของวิดีโอในการสร้างเว็บไซต์

การฝังวิดีโอใน WordPress ให้ประโยชน์กับคุณในหลายๆ ด้าน โดยเฉพาะอย่างยิ่ง ช่วยให้คุณ:

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

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

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

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

เพิ่มการรับรู้ถึงแบรนด์: ด้วยการคลิกเพียงไม่กี่ครั้ง ผู้เยี่ยมชมจะแบ่งปันวิดีโอเว็บไซต์ของคุณบนโปรไฟล์โซเชียลของพวกเขาได้อย่างง่ายดาย

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

เพิ่มอัตราการแปลง: การวิจัยแสดงให้เห็นว่าการวางวิดีโอบนหน้า Landing Page ของคุณสามารถเพิ่มอัตราการแปลงได้ถึง 80% เหตุผลที่ใหญ่ที่สุดคือวิดีโอทำให้ผู้คนมั่นใจในแบรนด์

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

มาดำน้ำกันเถอะ!

#1 ฝังวิดีโอจาก WordPress Media Library

นี่เป็นวิธีง่ายๆ แบบดั้งเดิมที่ผู้ใช้ WordPress ทุกคนควรรู้ มี 2 ​​วิธีในการใช้ Media Library เพื่อแทรกวิดีโอลงในโพสต์หรือหน้า WordPress:

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

อัปโหลดวิดีโอไปยัง WordPress Media Library

ทำตามขั้นตอนต่อไปนี้:

  1. ในแดชบอร์ดผู้ดูแลระบบ WordPress ให้ไปที่ MediaAdd New
  2. คลิก เลือกไฟล์ เลือกไฟล์วิดีโอจากคอมพิวเตอร์ของคุณ และเลือก เปิด เพื่ออัปโหลดไปยัง Media Library คุณยังสามารถลากและวางไฟล์ลงในพื้นที่อัปโหลด

pda-media-add-new

แถบสถานะจะแสดง 100% เมื่ออัปโหลดวิดีโอสำเร็จแล้ว

3. ไปที่ เพจ หรือ โพสต์ ในแดชบอร์ด เลือก แก้ไข เพื่อเปิดเพจหรือโพสต์ที่มีอยู่ หรือ เพิ่มใหม่ เพื่อสร้างเพจใหม่

4. คลิกปุ่ม เพิ่มสื่อ เลือกวิดีโอที่คุณต้องการใน Media Library และกดที่ Insert into page

pda-insert-video-to-wordpress-page

เพิ่มวิดีโอโดยตรงไปยังเนื้อหาของคุณ

ทำตามคำแนะนำด้านล่าง:

  1. ตรงไปที่หน้า / โพสต์ที่มีอยู่หรือใหม่ของคุณ
  2. คลิกปุ่ม เพิ่มสื่อ
  3. ในแท็บ อัปโหลดไฟล์ ให้คลิก เลือกไฟล์ เลือกวิดีโอที่คุณต้องการเพิ่มลงในเนื้อหาแล้วเลือก เปิด คุณยังสามารถลากและวางไฟล์วิดีโอจากคอมพิวเตอร์ของคุณไปยังพื้นที่อัปโหลด
  4. กดปุ่ม แทรกลงในหน้า เพื่อเสร็จสิ้น ตอนนี้ คุณได้เพิ่มวิดีโอไปยังเพจ/โพสต์ของคุณโดยตรงเรียบร้อยแล้ว WordPress จะบันทึกวิดีโอเหล่านี้ใน Media Library โดยอัตโนมัติ

pda-upload-files-tab

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

วิธีถัดไปจะช่วยคุณแก้ปัญหานี้

#2 ฝังวิดีโอ Amazon S3 ใน WordPress

ดังที่กล่าวไว้ข้างต้น คุณไม่ควรโฮสต์วิดีโอด้วยตนเองซึ่งมีขนาดใหญ่เกินไป (มากกว่า 100 MB) แต่เราแนะนำให้โฮสต์วิดีโอบนแพลตฟอร์มของบริษัทอื่น เช่น Amazon S3 แล้วฝังไว้ในเนื้อหาของคุณ

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

เราได้เผยแพร่คำแนะนำโดยละเอียดเกี่ยวกับวิธีการฝังวิดีโอ Amazon S3 ใน WordPress แล้ว ตรวจสอบออกตอนนี้

#3 ฝังวิดีโอโดยใช้ WordPress Classic Editor

ในส่วนนี้ เราจะเรียนรู้วิธีใช้ตัวแก้ไขแบบคลาสสิกเพื่อฝังวิดีโอประเภทต่างๆ รวมถึง MP4, M4V, WebM, Ogv, WMV, Flv เป็นต้น คุณสามารถใช้เทคนิคนี้กับวิดีโอ WordPress ของคุณเองหรือวิดีโอที่โฮสต์บน แพลตฟอร์มของบุคคลที่สาม

มี 2 ​​ปุ่มลัดเพื่อใช้ฟังก์ชันฝังวิดีโอของตัวแก้ไขแบบคลาสสิก:

  • คัดลอกและวาง URL ของวิดีโอ
  • คัดลอกและวางโค้ด HTML ของวิดีโอ

แสดงวิดีโอบนหน้า WordPress หรือโพสต์โดยการฝัง URL

หากต้องการให้วิดีโอของคุณแสดงโดยการฝัง URL คุณต้อง:

  1. คัดลอก URL ของวิดีโอจากแพลตฟอร์มโฮสต์วิดีโอของบริษัทอื่น เช่น YouTube, HubSpot, Vimeo, Dailymotion เป็นต้น
  2. ในแดชบอร์ด WordPress ให้เลือกหน้าหรือโพสต์ที่คุณต้องการเพิ่มวิดีโอ
  3. เพียงวาง URL ของวิดีโอลงในตำแหน่งที่คุณต้องการแสดงในเนื้อหาของคุณ

แค่นั้นแหละ.

แสดงวิดีโอบนหน้า WordPress หรือโพสต์โดยการฝัง HTML

หากคุณต้องการตัวเลือกขั้นสูงเพิ่มเติม เช่น การเปลี่ยนขนาดการแสดงผลของวิดีโอ ให้พิจารณา HTML ของวิดีโอ นี่คือเส้นทาง:

  1. คัดลอกโค้ด HTML ของวิดีโอจาก HTML5, Vimeo, YouTube เป็นต้น
  2. วางลงในโหมดแก้ไข ข้อความ ของเนื้อหาของคุณ

pda-edit-video-html-wordpress

3. ปรับเปลี่ยนความกว้างและความสูงของวิดีโอตามที่คุณต้องการ

#4 ใช้ตัวแก้ไขบล็อกเพื่อฝังวิดีโอใน WordPress

หากคุณกำลังใช้ตัวแก้ไขบล็อก Gutenberg วิธีนี้เป็นเพียงตั๋ว เช่นเดียวกับตัวแก้ไขแบบคลาสสิก คุณสามารถฝังวิดีโอโดยเพิ่มที่อยู่ URL หรือโค้ด HTML

แทรก URL เพื่อฝังวิดีโอบนหน้า WordPress หรือโพสต์

เพื่อให้บรรลุเป้าหมายนั้น คุณควร:

  1. ไปที่เพจหรือโพสต์ของคุณ
  2. กดปุ่ม + ที่มุมซ้ายบนของเพจเพื่อเพิ่มบล็อก Gutenberg

pda-add-gutenberg-block

3. พิมพ์ “วิดีโอ” จากนั้นลากและวางบล็อกวิดีโอที่คุณต้องการลงในเพจหรือโพสต์ของคุณ Gutenberg รองรับวิดีโอหลายประเภท เช่น YouTube, Vimeo, TikTok เป็นต้น

pda-embed-video-wordpress-gutenberg-block

4. คัดลอกและวาง URL ของวิดีโอของคุณลงในบล็อกแล้วกด Embed

pda-gutenberg-embed-video-in-wordpress

เพิ่ม HTML เพื่อฝังวิดีโอบนหน้า WordPress หรือโพสต์

โปรดทราบว่าบล็อก Gutenberg ที่กล่าวถึงข้างต้นอนุญาตให้คุณเพิ่ม URL ของวิดีโอเท่านั้น ในการแทรกและแก้ไข iFrame ของวิดีโอ คุณต้องใช้บล็อก HTML ที่กำหนดเอง :

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

pda-gutenberg-custom-html-block

4. คัดลอกและวางโค้ด HTML ของวิดีโอของคุณลงในบล็อก

pda-edit-html-gutenberg

5. แก้ไขโค้ด HTML ตามที่คุณต้องการ

#5 ฝังวิดีโอใน WordPress ด้วยตัวสร้างเพจ

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

ตัวสร้างหน้า Elementor ให้คุณแทรกวิดีโอได้สองวิธี:

  • ใช้บล็อก วิดีโอ
  • ใช้บล็อก ตัวแก้ไขข้อความ

เพิ่มวิดีโอไปยัง WordPress โดยใช้ Video Block

ด้วยตัวเลือกนี้ คุณต้อง:

  1. ไปที่หน้าหรือโพสต์ของคุณ
  2. เลือกปุ่ม แก้ไขด้วย Elementor ที่ด้านบนของหน้าหรือโพสต์นั้น

pda-edit-with-elementor

3. ค้นหาบล็อก วิดีโอ แล้วลากและวางไปยังตำแหน่งที่คุณต้องการ

pda-elementor-video-block

4. ในหน้าจอ เมนูแก้ไข เลือกแหล่งที่มาของวิดีโอของคุณในเมนูแบบเลื่อนลง แหล่งที่มา ปัจจุบัน Elementor ยอมรับวิดีโอจาก YouTube, Vimeo, Dailymotion และวิดีโอที่โฮสต์เอง

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

pda-edit-video-elementor

แทรกวิดีโอไปยัง WordPress โดยใช้ Text Editor Block

เพื่อใช้ประโยชน์จากบล็อก ข้อความ :

  1. หลังจากคลิกปุ่ม แก้ไขด้วย Elementor แล้ว ให้มองหาบล็อก Text Editor จากนั้นลากและวางลงในพื้นที่เนื้อหา

pda-elementor-text-editor-block

2. คัดลอกและวาง URL ของวิดีโอลงในเมนูแบบเลื่อนลงของโปรแกรม แก้ไขข้อความ ทางด้านซ้าย

pda-elementor-text-editor-หน้าจอ

นอกจากนี้ คุณสามารถฝังและแก้ไขโค้ด HTML ของวิดีโอได้ในลักษณะเดียวกับการใช้ตัวแก้ไขแบบคลาสสิก

#6 เปิดใช้งานปลั๊กอินโปรแกรมเล่นวิดีโอ WordPress

อีกวิธีหนึ่งในการฝังวิดีโอใน WordPress คือการติดตั้งปลั๊กอินเครื่องเล่นวิดีโอ มีปลั๊กอินโปรแกรมเล่นวิดีโอ WordPress มากมายในตลาด ทั้งแบบฟรีและแบบพรีเมียม เพื่อช่วยให้คุณตัดสินใจได้ เราได้จัดทำรายการบางส่วนที่เหมาะกับคุณ:

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

FV Player: ค้นหาปลั๊กอินเครื่องเล่นวิดีโอที่ทำงานได้ดีกับตัวแก้ไขแบบคลาสสิกและตัวสร้างเพจ เช่น Elementor? ตรวจสอบผู้เล่น FV คุณลักษณะที่สำคัญที่สุดของปลั๊กอินคือความพร้อมใช้งานของหน้าจอตอนต้นและตอนท้าย คุณสามารถแสดงข้อมูลเพิ่มเติมเกี่ยวกับวิดีโอของคุณผ่านหน้าจอเหล่านี้

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

Embed Plus: นี่เป็นหนึ่งในปลั๊กอินวิดีโอ Youtube ที่ดีที่สุดที่ช่วยให้คุณสามารถฝังวิดีโอ YouTube แกลเลอรี่ เพลย์ลิสต์ และแม้แต่สตรีมสดไปยังไซต์ WordPress ของคุณได้

#7 ฝังวิดีโอใน WordPress แถบด้านข้างและส่วนท้าย

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

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

pda-add-video-wordpress-widget

4. ค้นหาวิดเจ็ต วิดีโอ แล้วคลิก

pda-wordpress-video-widget

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

pda-add-videos-footer-sidebar

โบนัสแสนหวาน: ปกป้องวิดีโอของคุณจากการถูกแชร์

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

ส่วนขยายนี้อนุญาตให้ผู้ใช้ที่ชำระเงินของคุณดูวิดีโอออนไลน์ได้ในขณะที่หยุดไม่ให้ดาวน์โหลดวิดีโอ ปัจจุบันมีให้บริการสำหรับวิดีโอที่โฮสต์เอง วิดีโอ WordPress HTTP Live Streaming (HLS) และวิดีโอที่โฮสต์บนบัคเก็ต Amazon S3

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

นอกจากนี้ยังหยุดผู้ที่สามารถเข้าถึงวิดีโอของคุณจากการแชร์ URL ของไฟล์วิดีโอกับผู้อื่น

จะเกิดอะไรขึ้นหากพวกเขาดาวน์โหลดวิดีโอโดยใช้ Internet Download Manager (IDM) ไม่ต้องกังวล. ส่วนขยายนี้ปิดใช้งานโปรแกรมดาวน์โหลดวิดีโอยอดนิยมส่วนใหญ่รวมถึง IDM

ยิ่งไปกว่านั้น ส่วนขยายวิดีโอและไฟล์เสียงของ PDA WordPress ยังใช้งานได้กับเครื่องเล่นวิดีโอจำนวนมาก เช่น Video.js HTML5, TechSmith Camtasia, FV Player, Plyr Player และอื่นๆ

คุณสามารถดูวิดีโอแนะนำของเราได้ที่นี่:

ฝังวิดีโอใน WordPress เพื่อยกระดับเว็บไซต์ของคุณให้สูงขึ้น

เราได้สาธิตวิธีที่มีประสิทธิภาพ 7 วิธีในการฝังวิดีโอใน WordPress ไม่มีทางเดียวที่ดีที่สุด ขึ้นอยู่กับความชอบและทรัพยากรของคุณ

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

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

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

มาตัดสินใจเลือกกันเลย!