Đánh giá chủ đề:
  • 0 Votes - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
Cách nhúng video và bài viết từ Facebook vào một Website bất kỳ
#1
Cách nhúng video và bài viết từ Facebook vào một Website bất kỳ

Tính năng "Embedded Posts" của Facebook cho phép người dùng có thể nhúng bài viết bất kỳ từ Facebook (chẳng hạn như hình ảnh, video, status...) vào một trang web hoặc một blog bất kỳ. Người dùng có thể nhúng bất kỳ một nội dung nào đó được chia sẻ trên trang Facebook pages hoặc trang Facebook cá nhân, miễn là nội dung đó được chia sẻ cho mọi người ở chế độ Public (công khai).
Phần 1: Nhúng bài viết từ Facebook vào một Website bất kỳ
Tính năng "Embedded Posts" của Facebook cho phép người dùng có thể nhúng bài viết bất kỳ từ Facebook (chẳng hạn như hình ảnh, video, status...) vào một trang web hoặc một blog bất kỳ.
Người dùng có thể nhúng bất kỳ một nội dung nào đó được chia sẻ trên trang Facebook pages hoặc trang Facebook cá nhân, miễn là nội dung đó được chia sẻ cho mọi người ở chế độ Public (công khai).
Ngoài ra Facebook cũng cho phép tính năng Embedded Posts để nhúng bài viết từ Facebook vào các trang web lớn, bao gồm CNN, Mashable và The Huffington Post.
1. Cách thủ công
Mã nhúng cho Embedded Posts:
Mã nhúng 
<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/en_US/all.js#xfbml=1";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-post" data-href="YOUR_URL_HERE"></div>
Mở một bài viết bất kỳ được đăng tải trên Facebook và sao chép permalink (URL cố định) của bài viết. Hoặc ngoài ra bạn có thể kích chuột phải vào ngày đăng tải bài viết để tìm permalink của bài viết.
Tiếp theo tiến hành thay YOUR_URL_HERE trong đoạn code trên bằng Permalink mà bạn vừa sao chép và dán vào đoạn mã code vừa chỉnh sửa vào bất kỳ vị trí nào trên trang web, blog của bạn.
Bạn có thể tham khảo thêm video hướng dẫn nhúng bài viết từ Facebook vào một Website bất kỳ dưới đây:
2. Cách khác
Facebook đã chính thức ra mắt trình tạo mã Code Generator để nhúng bài viết từ Facebook tại developers.facebook.com.
Chỉ cần dán URL của bài viết từ Facebook, sau đó click chọn nút "Get Code" và chọn phiên bản HTML5 của Embed code (mã nhúng).
Phần 2: Nhúng video từ Facebook vào trang Web bất kỳ
Cũng giống như YouTube, Facebook cũng cho phép người dùng có thể dễ dàng nhúng video vào một trang Web, Blog bất kỳ. Điều này đồng nghĩa với việc nếu bạn có lướt qua Facebook mà thấy một video nào đó thú vị, khi đó bạn có thể dễ dàng nhúng video đó vào trang Web bất kỳ hoặc Blog của bạn.
Có 2 điểm quan trọng mà bạn cần lưu ý. Thứ nhất bạn chỉ có thể nhúng video được chia sẻ công khai. Facebook cũng cung cấp mã nhúng cho video được chia sẻ riêng tư trên trang cá nhân của bạn, tuy nhiên người dùng khác không thể xem được video này trên trang Web hoặc Blog của bạn.
Điểm lưu ý quan trọng thứ 2 là Facebook vẫn sử dụng Adobe Flash Player để nhúng video khi trang Web của bạn được xem trên máy tính. Nó sẽ tự động chuyển đổi sang định dạng HTML5 trên các thiết bị di động. Tuy nhiên nếu người dùng truy cập và xem trang Web của bạn từ Laptop hoặc máy tính, khi đó người dùng phải kích hoạt Shockware Flash Flugin để xem video bạn đã nhúng.
Nhúng video từ Facebook vào trang Web hoặc Blog của bạn
Đầu tiên sử dụng công cụ Graph Search để tìm kiếm một video bất kỳ mà bạn yêu thích trên Facebook. Click vào khung Search sau đó nhập truy vấn tìm kiếm video.
Bước tiếp theo click vào thumbnail của video để mở video. Di chuột qua mục Option, chọn Embed Video. Facebook sẽ cung cấp cho bạn đoạn mã nhúng, bạn có thể sao chép trực tiếp đoạn mã nhúng này và dán vào bài viết trên trang Web hoặc Blog của bạn.
Di chuột qua mục Option, chọn Embed Video
Lưu ý:
Bạn phải đăng nhập tài khoản Facebook của mình để lấy mã nhúng.
Nếu muốn thay đổi chiều rộng hoặc wrap text của video, bạn sẽ phải chỉnh sửa .fb-video class như đoạn mã dưới đây:
<style>
.fb-video { 
/* Do not occupy the full width*/
max-width: 300px !important; 
/* Align the video to the right of a page and wrap the text */
float: right;
/* Add a Grey border to the video */
border: 2px solid grey;
</style
Chỉnh sửa video


Có thể liên quan đến chủ đề...
Chủ đề: Tác giả Trả lời: Xem: Bài mới nhất
  Danh sách những công ty gia công & cung cấp bộ nguồn thủy lực tudongdn 1 291 01-18-2020, 11:24 AM
Bài mới nhất: thaikhuongpump.com
  Cần cải tạo những thiết bị làm lạnh để tiết kiệm điện năng bobodinh 0 6,444 12-13-2019, 06:10 PM
Bài mới nhất: bobodinh
  Danh sách những tòa nhà “xanh” nhất thế giới bobodinh 0 6,529 12-09-2019, 05:08 PM
Bài mới nhất: bobodinh
  Biến chất thải điện tử trong sinh hoạt thành những bức tranh Mandala bobodinh 0 6,470 12-07-2019, 06:03 PM
Bài mới nhất: bobodinh
  Thiết kế Những mảng xanh chồng chất cho nhà ở bobodinh 0 6,470 12-03-2019, 06:01 PM
Bài mới nhất: bobodinh
  Phòng tắm thiết kế nên áp dụng cách tiết kiệm năng lượng bobodinh 0 319 11-21-2019, 04:51 PM
Bài mới nhất: bobodinh
  Những khó khăn đến từ các dự án năng lượng mặt trời bobodinh 0 315 11-19-2019, 06:08 PM
Bài mới nhất: bobodinh
  Không thể bỏ qua của tấm cách nhiệt chống nóng vào mùa hè bobodinh 0 284 11-15-2019, 06:39 PM
Bài mới nhất: bobodinh
  Trứng năng lượng là một giải pháp đơn giản nhưng vô cùng hiệu quả bobodinh 0 294 11-07-2019, 06:00 PM
Bài mới nhất: bobodinh
  Giải quyết vấn đề ô nhiễm môi trường một cách triệt để bobodinh 0 397 10-29-2019, 04:21 PM
Bài mới nhất: bobodinh

Di chuyển nhanh:


Những người đang xem chủ đề này: 1 khách