Hướng dẫn chèn video vào nội dung trong WordPress

Chào mừng bạn đã quay trở lại blog Ngô Thắng, ở bài trước mình đã hướng dẫn bạn cách chèn hình ảnh vào nội dung trong WordPress. Song hành với hình ảnh là video cũng được nhiều người ưa chuộng để chèn vào nội dung nhằm gây thu hút, tăng tính trực quan cho nội dung. Nếu bạn thấy bước chèn ảnh vào WordPress đã dễ dàng chỉ với vài bước thì cách chèn video vào nội dung càng dễ dàng hơn khi bạn chỉ cần làm một bước duy nhất.

Với tính năng Add Media bạn có thể upload video, nhưng mình không khuyến khích upload video lên website vì nó sẽ gây nặng hosting sau này, hao tốn băng thông. Tốt nhất, bạn nên upload video lên các dịch vụ chia sẻ video trực tuyến như Vimeo, Youtube,…v..v..và chèn nó vào nội dung theo cách mình sẽ hướng dẫn dưới đây.

Chèn video vào nội dung với oEmbed

oEmbed là một tính năng có sẵn trong WordPress để tự động nhận diện liên kết đến video được chèn vào bài và chuyển đổi nó thành dạng mã nhúng video. Điều này có nghĩa là bạn chỉ cần copy địa chỉ của video vào nội dung là nó sẽ tự động hiển thị.

Bây giờ bạn hãy thử copy một địa chỉ video tại Youtube

 

Và dán nó vào khung soạn thảo đi nào. Nó sẽ tự động chuyển thành video như thế này:

 

Xong rồi đấy, bạn chỉ cần lưu bài viết của bạn nữa thôi.

Các dịch vụ được oEmbed hỗ trợ

Hiện tại bạn có thể chèn video theo cách này với các dịch vụ chia sẻ video/music/ảnh sau:

• Animoto
• Blip
• CollegeHumor
• DailyMotion
• Flickr
• FunnyOrDie.com
• Hulu
• Imgur
• Instagram
• iSnare
• Issuu
• Meetup.com
• EmbedArticles
• Mixcloud
• Photobucket
• PollDaddy
• Rdio
• Revision3
• Scribd
• SlideShare
• SmugMug
• SoundCloud
• Spotify
• TED
• Twitter
• Vimeo
• Vine
• WordPress.tv
• YouTube

Mình nghĩ là hiện tại chưa có mã nguồn nào hỗ trợ chèn video nhanh và đơn giản vào nội dung đến thế.

Chèn video vào nội dung với mã nhúng iframe

Cách trên tuy nhanh nhưng đôi khi bạn gặp lỗi thì bạn có thể sử dụng cách này là ăn chắc nhất.

Mình sẽ hướng dẫn cách chèn bằng mã nhúng của Youtube, bạn có thể áp dụng cách này với bất kỳ mã nhúng nào nhé.

Copy mã nhúng video của youtube rồi dán vào nội dung của bạn bằng tab Text trong khung soạn thảo (lưu ý là không được nhúng ở tab Visual, nếu không sẽ lỗi không hiển thị được video).

Cuối cùng là lưu bài viết lại là xong rồi đó. Chúc bạn thành công!