Nhúng video Facebook vào web

Từ khóa

Bạn thấy một video hay trên Facebook và bạn muốn nhúngvào website của bạn (Blogspot, Wordpress,...) Bạn chưa biết phải nhúng vào như thế nào? Đây là một tip nhỏ giúp bạn có thể nhúng một video bất kỳ từ Facebook lên trên web.
Rất đơn giản bạn chỉ cần làm theo các bước như sau
B1: Click vào phần option của video
Hướng dẫn cách nhúng video từ Facebook vào website (Blogspot) đơn giản nhất
Nhúng video Facebook vào web
B2: Chọn phần nhúng video
Hướng dẫn cách nhúng video từ Facebook vào website (Blogspot) đơn giản nhất
Nhúng video Facebook vào web
B3: Copy đoạn code mà Facebook sinh ra cho bạn và nhúng vào website thôi
Hướng dẫn cách nhúng video từ Facebook vào website (Blogspot) đơn giản nhất
Nhúng video Facebook vào web
Đoạn code mà Facebook sẽ có dạng như thế này
<div id="fb-root"></div><script>(function(d, s, id) {  var js, fjs = d.getElementsByTagName(s)[0];  if (d.getElementById(id)) return;  js = d.createElement(s); js.id = id;  js.src = "//connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.3";  fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));</script><div class="fb-post" data-href="https://www.facebook.com/video.php?v=945992622124637" data-width="500"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/video.php?v=945992622124637"><p>This time it&#x2019;s personal. Watch the official trailer for The Transporter Refueled now!</p>Posted by <a href="https://www.facebook.com/TheTransporterMovie">The Transporter</a> on&nbsp;<a href="https://www.facebook.com/video.php?v=945992622124637">2 Tháng 7 2015</a></blockquote></div></div>
Bạn có thể sửa các thông số nếu muốn, phần đánh dấu đỏ là id của video, bạn có thể thay bằng id khác. Và đây là ví dụ mà mình nhúng thử sẽ như thế này. Chúc các bạn thành công
Update:
Nhúng video Facebook responsive vào website

This time it’s personal. Watch the official trailer for The Transporter Refueled now!
Posted by The Transporter on 2 Tháng 7 2015

Trong trường hợp bạn chỉ muốn hiển thị video mà không muốn nhúng cả phần fanpage như trên thì có thể dùng đoạn code sau
<div class="fb-video" data-href="https://www.facebook.com/facebook/videos/945992622124637/" data-width="100%"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook/videos/945992622124637/"><a href="https://www.facebook.com/facebook/videos/945992622124637/">How to Share With Just Friends</a><p>How to share with just friends.</p>Posted by <a href="https://www.facebook.com/facebook">Facebook</a> on 5 Tháng 12 2014</blockquote></div></div>
Nó sẽ hiển thị như sau

How to Share With Just Friends
How to share with just friends.
Posted by Facebook on 5 Tháng 12 2014

4 bình luận

mình nhúng vào blog được nhưng nó lại không hiển thị hình thu nhỏ của video, có cách nào khắc phuc không admin

cái đấy là do video thôi bạn ạ, bạn thử nhúng 1 video khác xem thế nào nhé. Phải xác định nguyên nhân từ đâu đã mới đưa ra giải pháp được.

Chào bạn, cho mình hỏi tí, nếu mình muốn làm video như trang này: https://www.facebook.com/TamGa24h/?fref=ts sau khi xem xong video nó sẽ có chữ Learn more, click vào thì vào web trang đó, hoặc khi chưa xem xong, rê chuột xuống tí nó sẽ có chữ Resume Video và Learn More thì phải làm thế nào ạ? Cám ơn


EmoticonEmoticon