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

Sử dụng StableHost Coupon - Nhận ưu đãi khủng

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à 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

Chèn video từ nguồn nào vào website?

Chèn video từ nguồn nào?

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.

Tốt nhất nên dùng video có sẵn trên 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ó thể kiếm tiền từ video YouTube.
+ Tốc độ tải video của các dịch vụ lớn thường rất tốt.

Nội dung video như thế nào?

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 và Google cũng “thích” điều này.

Video hướng dẫn chèn video vào website


Bạn không thích xem video? đọc hướng dẫn dưới đâ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ể chèn video vào website làm bằng bất kỳ:
WordPress, Joomla, Drupal, Blogspot (Blogger), tập tin HTML…

Bài này hướng dẫn cách chèn video từ trang 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ụ thể như sau:

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ú ý: Phải chuyển sang tab Text để paste mã nhúng, không dù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ó tự động chèn 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?
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

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.

Hãy like và chia sẻ cổ vũ chúng tôi.
Đăng ký kênh YouTube Làm Web Dễ Ợt để xem video hay nhất về làm web WordPress, marketing và kiếm tiền online.
Cách chèn video vào website WordPress, nhúng video YouTube dễ ợt
5 / 5 (4 vote[s])

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

avatar
1 Comment threads
1 Thread replies
1 Followers
 
Most reacted comment
Hottest comment thread
2 Comment authors
Làm Web Dễ ỢtThu Hà Recent comment authors
  Subscribe  
Mới nhất Cũ nhất Hay nhất
Thông báo
Thu Hà

bài chia sẻ hữu ích trong việc giữ khách ở lại web lâu hơn. Mình cũng đang áp dụng thêm video vào web