Cách chèn video vào website WordPress, nhúng video YouTube dễ ợt

Hướng dẫn cách chèn video vào website WordPress. Việc nhúng video YouTube, Vimeo… vào trang web có tác dụng tuyệt vời thế nào đối với website?

Tại sao nên chèn video vào website?

Hiện nay video đang là một xu hướng.
Nhà nhà người người sản xuất video để hướng dẫn, bán hàng, kiếm tiền…

Chèn video vào website giúp người dùng ở lại lâu hơn với website của bạn, từ đó tăng thời gian On Site lên – một chỉ số quan trọng để Google (máy tìm kiếm nói chung) xếp hạng website.
Tức là việc này rất tốt cho SEO website lên top máy tìm kiếm.

Chèn video giúp tăng Time on Site
Chèn video giúp tăng Time on Site

Cách chèn video vào website lại cực kỳ đơn giản và nhanh chóng! Vậy tại sao chúng ta lại không làm?

Chèn video từ đâu? Nên chèn video nào vào website?

Chèn video từ đâu vào website?

Bạn có thể chèn (nhúng) video trực tiếp, hay còn gọi là cách upload video lên website.
Cách này KHÔNG khuyên dùng vì video khá nặng gây tốn băng thông.

Để dễ dàng nhất thì bạn nên sử dụng video có sẵn trên các dịch vụ upload video lớn như YouTube, Vimeo…

Chèn video vào website từ các dịch vụ upload video lớn
Chèn video vào website từ các dịch vụ upload video lớn

Video có sẵn này có thể do bạn upload lên hoặc người khác upload.
Sau đó lấy mã nhúng của video đó để nhúng video vào website.
Việc này có rất nhiều lợi ích:
+ Bạn tiết kiệm được băng thông, dung lượng website.
+ Bạn còn có thể kiếm tiền từ video YouTube khi có nhiều lượt xem.
+ Tốc độ tải video của các dịch vụ lớn thường rất tốt.

Nên chèn video nào vào website?

Tốt nhất bạn hãy chèn video liên quan đến nội dung bài viết.
Như vậy người dùng sẽ có trải nghiệm tốt hơn và Google cũng “thích” điều này.

Hướng dẫn cách chèn video vào website WordPress

Các từ ngữ sau là giống nhau về bản chất:
+ “Chèn video vào website” = “Nhúng video vào website”
+ “chèn video vào website” = “chèn video vào WordPress” = “chèn video trong HTML” = “nhúng video vào blogspot” …

Tức là bạn có thể làm tương tự để chèn video vào mọi website làm bằng bất kỳ mã nguồn nào như: WordPress, Joomla, Drupal, Blogspot (Blogger), tập tin HTML…

Bài này mình sẽ hướng dẫn cách chèn video từ dịch vụ upload video vào website WordPress.
(Xem thêm: WordPress là gì? Tại sao nên tạo website bằng WordPress?)

Cách chèn chỉ gói gọn trong 2 bước đơn giản:
+ Tìm, copy đoạn MÃ NHÚNG (Embed code) của video.
+ Paste (dán) đoạn mã này vào nơi muốn video xuất hiện.

Cách chèn video YouTube vào website

Bước 1: Lấy mã nhúng

Vào video bạn muốn chèn > Share (Chia sẻ) > Embed (Nhúng) > Copy lại đoạn mã nhúng.

Cách chèn video vào website với YouTube
Lấy mã nhúng video YouTube
Bước 2: Chèn mã nhúng vào bài viết

Paste đoạn mã nhúng ở trên vào bất kỳ đoạn nào trong bài viết mà bạn muốn video xuất hiện.
Chú ý: Với WordPress bạn phải chuyển sang tab soạn thảo Text để paste, không để ở tab Visual.

Dán mã nhúng vào nơi muốn video hiển thị
Dán mã nhúng vào nơi muốn video hiển thị
Tùy biến tham số video YouTube (nâng cao)

Phần này hơi nâng cao có thể bỏ qua nếu muốn.
YouTube cung cấp cho chúng ta rất nhiều THAM SỐ để tùy biến trình phát video khi nhúng vào website.

Ví dụ: bạn muốn tự động chạy video khi người dùng vào bài viết, không muốn hiển thị các video gợi ý khác khi xem hết video…
Tất cả việc này chỉ đơn giản chúng ta thêm Tham số vào đoạn mã nhúng.

Đây là danh sách Các tham số hỗ trợ khi nhúng video YouTube.

Cách thêm tham số cho mã nhúng
Tham khảo 1 đoạn mã nhúng sau đây

<iframe width="560" height="315"
  src="https://www.youtube.com/embed/rNtwaSnFJbs?autoplay=1&rel=0&showinfo=0&controls=0"
  frameborder="0"></iframe>

Hãy để ý đoạn: ?autoplay=1&rel=0&showinfo=0&controls=0
Nếu ta bỏ đoạn này thì chính là mã nhúng mặc định của YouTube cung cấp.

Muốn thêm tham số nào, ta chỉ việc:
+ Thêm dấu Chấm Hỏi ? vào sau ID của video YouTube (ở ví dụ trên ID là rNtwaSnFJbs).
+ Thêm tên tham số kèm giá trị của tham số mà YouTube cung cấp tại link danh sách Tham số video bên trên.
+ Các tham số cách nhau bởi ký tự &.

Giải thích đoạn mã nhúng và một số tham số video YouTube
+ width: chiều rộng của trình phát video, ví dụ: width=”1920″. Bạn nên để phù hợp với chiều rộng phần nội dung.
+ height: chiều cao của trình phát video, ví dụ: height=”1080″. Bạn nên tính toán tỷ lệ với chiều rộng ở trên.
+ Tham số autoplay: nhận giá trị 0 hoặc 1, mặc định 0.
+ Tham số rel: nhận giá trị 0 hoặc 1, mặc định 1.
+ Tham số showinfo: nhận giá trị 0 hoặc 1.
+ Tham số controls: nhận giá trị 0 hoặc 1 hoặc 2.

Cách chèn video Vimeo vào website

Hoàn toàn tương tự các bước chèn video YouTube vào website.
Vào video Vimeo muốn chèn > bấm nút Share để lấy mã nhúng:

Nhúng video Vimeo và website - bấm Share để lấy mã nhúng
Nhúng video Vimeo và website – bấm Share để lấy mã nhúng

Một cửa sổ Popup hiện lên như sau:

Nhúng video Vimeo và website - Tùy biến và lấy mã nhúng
Nhúng video Vimeo và website – Tùy biến và lấy mã nhúng

1 – Bấm vào Show/Hide options để hiện tùy chọn trình phát video Vimeo.
2 – Khung tùy chọn cho trình phát video.
3 – Copy đoạn mã trong Embed rồi Paste vào nơi muốn hiển thị video.

Cách dễ nhất để chèn video vào bài viết

WordPress một lần nữa “ghi điểm” bởi sự đơn giản và tiện lợi.
Nó có tính năng tự động tạo trình phát video khi paste đường link video vào khung soạn thảo WordPress.

Đường link ở ngay trên thanh Địa chỉ của trình duyệt, ví dụ:
https://www.youtube.com/watch?v=rNtwaSnFJbs
https://vimeo.com/199271828

Nếu không muốn tự động tạo trình phát, đơn giản hãy chuyển đường link đó thành dạng link bấm được như trên.

Tính năng tự động này hỗ trợ một số dịch vụ video sau:

  • Animoto
  • Blip
  • Cloudup
  • CollegeHumor
  • DailyMotion
  • Facebook
  • Flickr
  • FunnyOrDie.com
  • Hulu
  • Imgur
  • Instagram
  • Issuu
  • Kickstarter
  • Meetup.com
  • Mixcloud
  • Photobucket
  • PollDaddy
  • Reddit
  • ReverbNation
  • Scribd
  • SlideShare
  • SmugMug
  • SoundCloud
  • Speaker Deck
  • Spotify
  • TED
  • Tumblr
  • Twitter
  • VideoPress
  • Vimeo
  • Vine
  • WordPress plugin directory
  • WordPress.tv
  • YouTube

Video hướng dẫn

Kết luận

Tóm lại việc chèn video vào website là việc cần thiết để bài viết thêm sống động và hỗ trợ SEO.
Nên sử dụng các dịch vụ upload video lớn như YouTube, Vimeo…để lấy mã nhúng rồi chèn video vào website một cách nhanh chóng và dễ dàng.

Cách chèn video vào website WordPress, nhúng video YouTube dễ ợt
5 / 5 (3 votes)

Chỉ cần 3 giây để LIKE và CHIA SẺ bài này, giúp chúng tôi thêm động lực viết bài.
Để nhận nhiều video mới bổ ích, hãy bấm đăng ký kênh YouTube Làm Web Dễ Ợt.

Bình luận cho sôi nổi nào!

avatar
  Subscribe  
Thông báo