NỘI DUNG

Hosting tốc độ cao Vietnix - tốc độ tải trang trung bình dưới 1 giây
VPS siêu tốc Vietnix - trải nghiệm mượt mà, ổn định
14/01/2022
Lượt xem

Hướng dẫn nhúng video vào WordPress cho các bài viết trên blog

14/01/2022
14 phút đọc
Lượt xem

Đánh giá

5/5 - (81 bình chọn)

Nhúng video vào WordPress có thể giúp website có thể xếp hạng tốt hơn trên công cụ tìm kiếm đồng thời chúng là một cách hiệu quả để tăng mức độ tương tác của website với người dùng. Bạn không cần phải sử dụng đến dòng code nào để thực hiện nhúng video vào WordPress. Trong bài viết này, Vietnix sẽ hướng dẫn cách dễ dàng nhúng video vào WordPress cho các bài viết, trang và sidebar widget.

Làm thế nào để nhúng video vào WordPress cho các bài viết và trang blog?

Trong phần dưới đây, Vietnix sẽ giới thiệu cách để nhúng video vào WordPress cho các bài viết và trang blog. Các bước thực hiện rất đơn giản và chắc chắn bạn sẽ thành công trong lần thử đầu tiên. WordPress có đi kèm với một tính năng được gọi là tự động nhúng, cho phép website của bạn tự động lấy code nhúng từ các video hosting service như YouTube, Vimeo,….

Tất cả những gì bạn cần làm là dán URL video vào WordPress editor.

Ví dụ: bạn có thể sao chép URL YouTube cho video mà bạn muốn nhúng.

Tiếp theo, chỉnh sửa bài viết hoặc trang WordPress mà bạn muốn thêm video và dán URL vào nội dung bạn muốn.

Nhúng video vào bài viết trong WordPress
Nhúng video vào bài viết trong WordPress

Ngay sau khi bạn dán URL video, WordPress sẽ tìm nạp code nhúng và hiển thị video YouTube bên trong trình chỉnh sửa nội dung. Bây giờ người dùng có thể lưu bài viết của mình và nhấp vào nút xem trước để xem video được nhúng trong bài viết trên blog của bạn.

giao diện của video sau khi được nhúng vào bài viết
Giao diện của video sau khi được nhúng vào bài viết

Sau khi đã chèn video vào WordPress, bạn có thể thay đổi cài đặt của video từ block toolbar và setting column ở bên phải.

chỉnh sửa cài đặt cho video
Chỉnh sửa cài đặt cho video

Bạn có thể điều chỉnh chiều rộng video, đặt toàn bộ chiều rộng, thay đổi căn chỉnh,… Bạn cũng có thể thêm chú thích và giữ nguyên tỷ lệ khung hình của video trên điện thoại di động.

WordPress chỉ có thể thực hiện tự động nhúng cho các video service được liệt kê trong white-list. Đối với các website khác, bạn sẽ vẫn phải lấy code nhúng và sau đó dán nó vào các bài viết trên blog của mình.

Dưới đây là danh sách các video service được liệt kê trong white-list có thể tự động nhúng video vào WordPress:

  • Amazon
  • Animoto
  • Cloudup
  • CollegeHumor
  • Crowdsignal
  • Dailymotion
  • Facebook
  • Flickr
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Reddit
  • ReverbNation
  • Screencast
  • Scribd
  • Slideshare
  • SmugMug
  • Someecards
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • WordPress.tv
  • YouTube

Nếu bạn muốn chèn video vò WordPress từ một website ngoài white-list này, thì bạn sẽ cần code nhúng HTML đầy đủ cho video. Chỉ cần copy đoạn code HTML được cung cấp bởi website video và dán nó vào bên trong block HTML trên editor.

Copy đoạn mã HTML để nhúng video vào bài viết
Copy đoạn mã HTML để nhúng video vào bài viết

Nhúng video vào WordPress bằng Classic Editor

Nếu bạn vẫn đang sử dụng Classic Editor của WordPress, thì bạn có thể nhúng video vào WordPress theo cách tương tự. Chỉ cần copy URL từ một video từ YouTube và dán nó vào editor. Nếu bạn đang sử dụng visual editor, thì bạn sẽ thấy bản xem trước của video.

nhúng video vào classic editor trong WordPress
Nhúng video vào classic editor trong WordPress

Tuy nhiên, bạn sẽ không thể sử dụng điều chỉnh độ rộng và các tùy chọn khác mà bạn có thể sử dụng trong bản cập nhật mới của WordPress block editor.

Cách nhúng video vào widget sidebar trong WordPress

Cũng giống như một trang hoặc bài viết WordPress, bạn cũng có thể nhúng video vào sidebar của WordPress. Điều hướng đến Appearance > Widgets và thêm widget “Text” vào sidebar. Bên trong cài đặt widget, bạn cần dán URL video vào vùng nội dung bạn muốn. WordPress sẽ tự động tìm nạp code nhúng và hiển thị bản xem trước.

nhúng video vào sidebar trong WordPress
Nhúng video vào sidebar trong WordPress

Sau đó, nhấp vào nút Save để lưu cài đặt widget của bạn. Bây giờ bạn có thể truy cập website của mình để xem video được nhúng trong sidebar của WordPress.

Tham khảo thêm cách chèn nhạc vào WordPress nếu bạn chỉ muốn chèn audio và các nguồn nhạc khác.

Các plugin nhúng video vào WordPress

Thông thường, bạn không cần sử dụng plugin để nhúng video vào WordPress. Tuy nhiên, nếu bạn muốn cải thiện trải nghiệm xem video trên website của mình, Vietnix sẽ giới thiệu một số các plugin sau đây:

1. Nguồn cấp dữ liệu YouTube Smash Balloon

Smash Balloon Feeds YouTube là một trong những plugin tốt nhất dùng để nhúng video trong WordPress. Nó cho phép bạn tự động nhúng tất cả các video trên kênh YouTube của mình ở định dạng thư viện có thể tùy chỉnh. Nó tự động nhập những video mới và kết hợp nguồn cấp dữ liệu, thêm tính năng phát trực tiếp.

Sử dụng Plugin Smash Balloon để nhúng video vào website
Sử dụng Plugin Smash Balloon để nhúng video vào website

Có một phiên bản miễn phí của plugin nguồn cấp dữ liệu YouTube do Smash Balloon cung cấp, nhưng trong bản demo của Vietnix bên dưới, sẽ hiển thị phiên bản Pro có trả phí.

Trước tiên, bạn cần cài đặt và kích hoạt plugin Smash Balloon Feeds dành cho YouTube. Từ đó, hãy chuyển đến trang Feeds for YouTube > License và nhập license key của bạn. Bạn có thể tìm thấy thông tin này trong tài khoản của mình trên website của plugin.

Nhập License key để kích hoạt phiên bản nâng cao của Smash Balloon
Nhập License key để kích hoạt phiên bản nâng cao của Smash Balloon

Sau khi kích hoạt license key của bạn, đừng quên nhấp vào nút Save Changes. Tiếp theo, chuyển đến Configure tab và nhấp vào nút lớn màu xanh lam để kết nối tài khoản YouTube của bạn.

Cấu hình và kết nối đến tài khoản Youtube
Cấu hình và kết nối đến tài khoản Youtube

Sau khi hoàn tất, bạn sẽ được chuyển hướng trở lại giao diện Dashboard của WordPress để thiết lập nguồn cấp dữ liệu YouTube.

Cài đặt nguồn cấp dữ liệu Youtube
Cài đặt nguồn cấp dữ liệu Youtube

Nhấp vào nút Save Changes sau khi hoàn tất cài đặt.

Để nhúng nguồn cấp dữ liệu YouTube của bạn vào một bài viết hoặc trang, chỉ cần chỉnh sửa nó trong WordPress. Trên màn hình chỉnh sửa trang, nhấp vào nút (+) để thêm một block mới và chọn block Feeds for YouTube.

Thêm một block Feeds for Youtube để nhúng video vào trong bài viết
Thêm một block Feeds for Youtube để nhúng video vào trong bài viết

Khi bạn kiểm tra website của mình, bạn sẽ thấy rằng nguồn cấp dữ liệu của bạn đã được nhúng vào trang mà bạn vừa tạo.

giao diện website khi đã được nhúng video
Giao diện website khi đã được nhúng video

Smash Balloon YouTube Feeds đi kèm với nhiều tùy chọn layout và style. Bạn có thể thay đổi kiểu mặc định bằng cách truy cập trang Feeds for YouTube >> Customize page.

Thay đổi giao diện hiển thị cho video đã được nhúng vào website
Thay đổi giao diện hiển thị cho video đã được nhúng vào website

Từ đây, bạn có thể chọn các layout ở dạng grid, thư viện, danh sách, hoặc carousel. Đừng quên nhấp vào nút Save Changes để lưu các thay đổi.

Chọn layout hiển thị theo kiểu Carousel
Chọn layout hiển thị theo kiểu Carousel

Bạn sẽ thấy một Carousel video với các mũi tên điều hướng ở bên phải và bên trái, cùng với nút Subscribe ở cuối nguồn cấp dữ liệu.

Nếu bạn muốn tùy chỉnh thêm nguồn cấp dữ liệu của mình, hãy nhấp vào Display tab trong cài đặt plugin. Trang này liệt kê một loạt các shortcode mà bạn có thể sử dụng ở bất kỳ đâu trên website của mình.

Sử dụng tab Display để chỉnh sửa giao diện cho video được nhúng
Sử dụng tab Display để chỉnh sửa giao diện cho video được nhúng

Để chèn shortcode vào bài viết hoặc trang, bạn có thể sử dụng shortcode block.

 Tạo block Shortcode để chèn đoạn mã vào website
Tạo block Shortcode để chèn đoạn mã vào website

Giờ đây, bạn có thể thêm shortcode của nguồn cấp dữ liệu [youtube-feed] vào cài đặt block.

Chèn đoạn mã youtube để nhúng video vào website
Chèn đoạn mã youtube để nhúng video vào website

Bạn cũng có thể sử dụng nguồn cấp dữ liệu Smash Balloon YouTube với Social Wall plugin mới của họ, kết hợp tất cả những nội dung mạng xã hội của bạn từ Facebook, Instagram, Twitter và YouTube trên một trang duy nhất.

2. Thanh subscribe trên YouTube

Thanh Subscribe trên YouTube tìm nạp số lượng người đăng ký YouTube của bạn để tạo thêm hiệu ứng lan truyền và khuyến khích nhiều người dùng đăng ký hơn.

tạo thanh subscribe cho kênh youtube
Tạo thanh subscribe trên youtube

Thanh Subscribe sẽ giúp bạn kiếm thêm nhiều lưu lượng truy cập và tăng sự tương tác của video cao hơn.

3. Sử dụng chế độ Lazy Load cho video

sử dụng chế độ lazy load cho video
Sử dụng chế độ Lazy load cho video

Video nhúng các load script từ các website bên ngoài, điều này có tác động nhỏ đến tốc độ tải trang và hiệu suất hoạt động.

Plugin Lazy Load for videos giải quyết vấn đề này bằng cách chỉ tải hình ảnh video khi tải trang. Nó chỉ tải code nhúng khi người dùng nhấp vào nút play.

Bạn sẽ không cần plugin này nếu bạn đã sử dụng Smash Balloon Youtube Feed vì nó có bộ nhớ đệm tích hợp và tải chậm cho trình phát video.

Chèn Video bằng cách dán URL

Ở cách này sẽ không có yêu cầu quá cao về lập trình hay HTML, các thao tác của bạn chỉ đơn giản như sau:

  • Đầu tiên hãy vào YouTube và chọn video bạn muốn chèn vào WordPress.
  • Bạn đưa con trỏ đến thanh URL sau đó chọn copy URL của video.
Chèn Video bằng cách dán URL
Đưa con trỏ đến thanh URL sau đó chọn copy URL.

Kết quả bạn nhận được sẽ tương tự bên dưới đây:

Cách chèn Video bằng phương pháp iframe

Nếu bạn muốn tùy chỉnh video trên WordPress ở những vị trí nhất định, trong bài viết… Hãy chọn phương pháp phương pháp iframe. Bạn sẽ thực hiện thông qua các bước như sau với pháp phương pháp iframe:

Bên dưới góc phải mỗi video ở Youtube luôn có các các nút Share, subscribe.
Hãy nhấp chọn nút Share sau đó chọn “nhúng”.

Chèn Video bằng cách dán URL
Chọn nút Share sau đó chọn “nhúng”.

Code iframe và một số box tùy chọn sẽ hiển thị để bạn lựa chọn. Với hướng dẫn chèn video này bạn sẽ giúp bạn chọn được mốc thời gian mà bạn muốn đăng và phát video.

Chèn Video bằng cách dán URL
Chèn Video bằng cách dán URL.

Bên cạnh đó, bạn có thể thay đổi kích thước, tốc độ, nút dừng,… Chỉ với vài thao tác đơn giản.

Bạn chỉ việc chọn Youtube Embed Code cùng Copy code iframe.

Tiếp theo hãy qua WordPress chọn văn bản dán code iframe vào vị trí bạn định chèn video. Ngoài ra bạn nên điều chỉnh kích thước video width=”100%”.

Dưới đây là kết quả bạn sẽ nhận được:

Tại sao không thể tải video lên WordPress?

Hầu hết các blog nhỏ đều sử dụng tài khoản WordPress hosting được chia sẻ và video có thể chiếm nhiều tài nguyên của server. Nếu video của bạn có rất nhiều lưu lượng truy cập, thì website của bạn có nhiều khả năng sẽ gặp sự cố.

YouTube không chỉ là website có lượng video lớn nhất mà còn là công cụ tìm kiếm phổ biến thứ hai trên thế giới và là mạng xã hội phổ biến thứ hai ngay sau Facebook. Nếu không muốn tải video của mình lên YouTube, bạn có thể dùng thử Vimeo hoặc DailyMotion.

Mặt khác, hosting có thể ảnh hưởng đến việc nhúng video vào WordPress, điều này thể hiện qua tốc độ tải và khả năng xử lý tài nguyên của trang. Nếu bạn sử dụng một dịch vụ hosting có tốc độ tải chậm hoặc không có đủ tài nguyên để xử lý các tập tin video lớn, việc nhúng video vào trang web có thể không hoạt động tốt hoặc dẫn đến trải nghiệm người dùng không tốt.

Tuy nhiên, nếu bạn sử dụng một dịch vụ web hosting có tốc độ tải nhanh và đủ tài nguyên để xử lý các tập tin video, việc nhúng video vào trang web có thể hoạt động mượt mà. Đến đây, bạn có thể tham khảo dịch vụ WordPress Hosting tại Vietnix, với 100% hosting sử dụng ổ cứng NVMe và LiteSpeed Web Server, đảm bảo tốc độ tải trang dưới 1 giây. Dịch vụ này được thiết kế chuyên biệt cho mã nguồn WordPress, kết hợp với công cụ PHP X-Ray giúp debug hiệu suất một cách chuyên sâu, đảm bảo website của bạn luôn vận hành ổn định và tối ưu trải nghiệm người dùng.

Lời kết

Để tạo thêm sự nổi bật và tính chuyên nghiệp cho website, bạn nên nhúng video vào WordPress để có thể thu hút nhiều khách truy cập và giữ họ ở lại website lâu hơn, do đó sự tương tác sẽ tăng lên đáng kể. Hy vọng thông qua bài viết này giúp bạn chèn youtube vào WordPress một cách nhanh chóng và dễ dàng. Chúc bạn thành công!

THEO DÕI VÀ CẬP NHẬT CHỦ ĐỀ BẠN QUAN TÂM

Đăng ký ngay để nhận những thông tin mới nhất từ blog của chúng tôi. Đừng bỏ lỡ cơ hội truy cập kiến thức và tin tức hàng ngày

Chọn chủ đề :

Lê Nam

WordPress Expert
tại

Kết nối với mình qua

Kết nối với mình qua

Theo dõi
Thông báo của
guest
0 Comments
Phản hồi nội tuyến
Xem tất cả bình luận

Tăng tốc độ website - Nâng tầm giá trị thương hiệu

Banner group
Tăng tốc tải trang

95 điểm

Nâng cao trải nghiệm người dùng

Tăng 8% tỷ lệ chuyển đổi

Thúc đẩy SEO, Google Ads hiệu quả

Tăng tốc ngay

SẢN PHẨM NỔI BẬT

MAXSPEED HOSTING

TĂNG TỐC WEBSITE TOÀN DIỆN

CÔNG NGHỆ ĐỘC QUYỀN

PHẦN CỨNG MẠNH MẼ

HỖ TRỢ 24/7

ĐĂNG KÝ NGAY
Pattern

7 NGÀY DÙNG THỬ HOSTING

NẮM BẮT CƠ HỘI, THÀNH CÔNG DẪN LỐI

Cùng trải nghiệm dịch vụ hosting tốc độ cao được hơn 100,000 khách hàng sử dụng

Icon
ĐĂNG KÝ NHẬN TÀI LIỆU THÀNH CÔNG
Cảm ơn bạn đã đăng ký nhận tài liệu mới nhất từ Vietnix!
ĐÓNG

ĐĂNG KÝ DÙNG THỬ HOSTING

Asset

7 NGÀY MIỄN PHÍ

Asset 1

ĐĂNG KÝ DÙNG THỬ HOSTING

Asset

7 NGÀY MIỄN PHÍ

Asset 1
Icon
XÁC NHẬN ĐĂNG KÝ DÙNG THỬ THÀNH CÔNG
Cảm ơn bạn đã đăng ký thông tin thành công. Đội ngũ CSKH sẽ liên hệ trực tiếp để kích hoạt dịch vụ cho bạn nhanh nhất!
ĐÓNG