Cách nhúng video từ Facebook vào WordPress

Thủ thuật WordPress
1

Chèn các yếu tố phương tiện như hình ảnh hoặc video vào bài đăng WordPress sẽ làm phong phú thêm bài đăng trên blog của bạn và khiến nó khá thú vị đối với người đọc. Người dùng muốn nắm bắt khái niệm cốt lõi trong nháy mắt. Trình bày nội dung đúng cách sẽ biến khách truy cập blog của bạn trở thành người theo dõi của bạn.

Thêm video vào bài đăng hoặc trang WordPress có thể được thực hiện bằng cách tải tệp video lên thư viện phương tiện WordPress hoặc bằng cách nhúng nguồn video được lưu trữ từ nền tảng bên thứ ba như YouTube, Facebook, Vimeo, v.v.

Nhúng video Facebook vào trang WordPress hoặc một bài đăng rất dễ dàng và bài viết này sẽ giúp bạn thực hiện điều đó một cách nhanh chóng.

Các bước để Nhúng Video Facebook vào WordPress

Đây là các bước đơn giản để tạo tập lệnh nhúng video Facebook vào một bài đăng hoặc một trang WordPress.
  1. Lấy URL của Video được nhúng vào một bài đăng hoặc một trang WordPress.
  2. Tạo tập lệnh nhúng bằng trình cấu hình mã Trình phát video nhúng của Facebook.
  3. Tải SDK Javascript của Facebook trong trang WordPress hoặc tiêu đề mẫu bài đăng.
  4. Sao chép và dán tập lệnh nhúng video Facebook vào Trang hoặc Nội dung bài đăng bằng cách sử dụng trình chỉnh sửa văn bản có định dạng dành cho quản trị viên WordPress.

Chọn video Facebook và sao chép URL để nhúng vào một bài đăng hoặc một trang WordPress

Duyệt qua các video trên Facebook và chọn một trong số chúng để nhúng vào trang WordPress. Bằng cách nhấp chuột phải vào hình thu nhỏ video đã chọn để sao chép địa chỉ liên kết video.

Địa chỉ liên kết video này sẽ được sử dụng để tạo đoạn mã nhúng bằng trình cấu hình plugin trình phát video của Facebook. Nhúng video công khai trên Facebook có thể được tạo bằng cách nhấp chuột phải vào bài đăng video trên Facebook -> Tùy chọn Nhúng Video .

Tạo tập lệnh nhúng bằng trình cấu hình mã Trình phát video nhúng của Facebook

Phần này hiển thị ảnh chụp màn hình của trình hướng dẫn cấu hình mã Trình phát video nhúng của Facebook giúp nhúng video.

Dán URL video Facebook đã chọn vào trường nhập của trình cấu hình mã và nhấp vào nút Lấy mã . Bằng cách nhấp vào nút này, một phương thức sẽ hiển thị các đoạn mã cần thiết để nhúng video vào trang hoặc bài đăng WordPress.

Tải SDK JavaScript của Facebook

Trình cấu hình mã Facebook tạo hai đoạn mã trong tab SDK JavaScript. Đoạn mã đầu tiên chứa tập lệnh để tải SDK JavaScript của Facebook trên trang WordPress hoặc tiêu đề mẫu bài đăng bằng cách chèn nó vào tiêu đề .php của chủ đề (hoặc chủ đề con).

Nếu trang web WordPress của bạn đã xếp sẵn các tập lệnh cần thiết để tải SDK JavaScript của Facebook, bạn có thể bỏ qua bước này.

Nhúng Video Facebook vào Trang hoặc Bài đăng WordPress

Đoạn mã thứ hai cung cấp tập lệnh nhúng video Facebook cho URL video được chỉ định trong trình cấu hình mã.

Sao chép và dán tập lệnh này vào vùng nội dung của trình soạn thảo văn bản đa dạng thức bằng cách sử dụng chế độ Văn bản . Nếu bạn sử dụng chế độ Trực quan của quản trị viên WordPress để dán mã nhúng video, thì nó sẽ phá vỡ quá trình nhúng video.

Mã nhúng video Facebook mẫu

<! - Tải SDK Facebook cho JavaScript ->
  <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 = "https://connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.6";
    fjs.parentNode.insertBefore (js, fjs);
  } (document, 'script', 'facebook-jssdk')); </script>

  <! - Mã trình phát video được nhúng của bạn ->
  <div class = "fb-video" data-href = "{video-url}" data-width = "500" data-show-text = "false">
    <div class = "fb-xfbml-parse-ignore">
      <blockquote cite = "{video-url}">
        <a href="{video-url}"> Tiêu đề </a>
        <p> mô tả </p>
        Được đăng bởi <a href=""> Tên tác giả </a> vào Ngày và Giờ
      </blockquote>
    </div>
  </div>

Các thuộc tính khác để tùy chỉnh video nhúng trên Facebook

Trình cấu hình mã tạo mã nhúng video với các thuộc tính giới hạn như data-href , data-width và data-show-text như được hiển thị trong đoạn mã trên. Có các thuộc tính khác để tùy chỉnh video Facebook được nhúng trên trang web của bạn.

Thuộc tính Sự miêu tả
data-allowfullscreen Để bật chế độ phát toàn màn hình. Mặc định: false .
dữ liệu tự động phát Để bật tính năng tự động phát (tắt tiếng) khi tải trang. Mặc định: false .
data-show-captions Để hiển thị chú thích (Chỉ dành cho máy tính để bàn). Mặc định: false .