Chèn video YouTube responsive vào website WordPress

Source: Chèn video YouTube responsive vào website WordPress

Hướng dẫn chèn video YouTube responsive vào website WordPress một cách đơn giản.

Bạn đã bao giờ gặp phải trường hợp video bị che khuất một phần hoặc tràn màn hình khi nhúng video từ YouTube vào trang web WordPress của mình chưa? Nếu bạn đang tìm kiếm giải pháp cho một câu hỏi tương tự thì bài viết này là dành cho bạn. Chỉ với một thủ thuật nhỏ, các video nhúng từ YouTube sẽ trở nên đáp ứng 100%, hiển thị tốt trên mọi kích thước màn hình, từ máy tính đến điện thoại di động.

Tìm hiểu thêm:

Tại sao video YouTube không phản hồi?

• Chủ đề của bạn không hỗ trợ video đáp ứng.
• Bạn nhúng video bằng mã iframe với kích thước chiều dài và chiều rộng được chỉ định.
• Bạn đang sử dụng WordPress với phiên bản lỗi thời không hỗ trợ oEmbed hoặc tính năng này đã bị vô hiệu hóa.
• Bạn đang sử dụng Trình chỉnh sửa cổ điển. Gutenberg hoặc Block Editor đã được trang bị Embed Blocks, hỗ trợ video đáp ứng.

Chèn video YouTube đáp ứng vào WordPress

Có nhiều phương pháp khác nhau để giải quyết tình trạng này. Sau đây, tôi sẽ giới thiệu cho các bạn hai phương pháp đơn giản nhất.

Sử dụng mô-đun Nhúng mã ngắn của Jetpack

Nếu bạn đang sử dụng plugin Jetpack trên trang web của mình, tất cả những gì bạn cần làm là truy cập Jetpack => Cài đặt => Viết và kích hoạt tính năng Soạn bằng cách sử dụng mã ngắn để nhúng phương tiện từ các trang web phổ biến.

Hoặc bạn cũng có thể truy cập trang quản lý module của Jetpack (có tại link /wp-admin/admin.php?page=jetpack_modules) và kích hoạt mô-đun Nhúng mã ngắn đi lên.

Việc còn lại là sao chép liên kết video YouTube và chèn vào nơi bạn muốn hiển thị.

Sử dụng plugin Ứng dụng YouTube đơn giản

1. Đầu tiên, bạn cần cài đặt và kích hoạt plugin Simple YouTube Responsive (tải xuống).

2. Truy cập YT đáp ứng => Định cấu hình. Tại đây, bạn sẽ thấy một số cài đặt như sau.

Trong đó:

• Tỷ lệ khung hình video: tỷ lệ hiển thị của video.
• Chiều rộng tối đa: chiều rộng tối đa của video.
• Các lớp bổ sung: thêm CSS tùy chỉnh. Nếu bạn không cần, hãy để trống theo mặc định.
• Trung tâm căn chỉnh tự động: tự động căn giữa video.
• Tự chạy: video tự động phát. Tính năng này sẽ bị vô hiệu hóa khi bạn đặt video tải chậm.
• Lặp lại video: tự động phát lại video nhiều lần.
• Cho phép toàn màn hình: cho phép phát video toàn màn hình.
• Đang tải lười biếng: kích hoạt tính năng tải video chậm, tức là chỉ tải video khi người dùng cuộn đến trang. Bạn nên kích hoạt tính năng này để web tải nhanh hơn.
• Kích thước thu nhỏ: chọn kích thước hình ảnh thumbnail cho video.

Sau khi thiết lập xong, hãy nhấp vào. cái nút Lưu thay đổi để tiết kiệm.

3. Bây giờ đi tới trình soạn thảo văn bản của bạn. Tạo một mã ngắn có cấu trúc [you tube v="XXXXXX"] (sửa chữa you tube Pháo đài youtube okay – nếu tôi viết nó ngay tại đây, shortcode sẽ không hiển thị trên bài viết, mong bạn thông cảm) XXXXXX là ID của video và chèn video vào nơi bạn muốn hiển thị.

Ví dụ: liên kết của video là https://www.youtube.com/watch?v=xlZfVAApS50 hoặc là https://youtu.be/xlZfVAApS50 sau đó xlZfVAApS50 là ID bạn sẽ cần lấy. Mã ngắn mà bạn cần chèn là [you tube v="xlZfVAApS50"] (sửa chữa you tube Pháo đài youtube).

Ngoài ra, bạn cũng có thể chèn shortcode này vào bất kỳ đâu (chẳng hạn như trong widget) miễn là nơi đó hỗ trợ shortcode.

Thật đơn giản đúng không? Nếu bạn muốn sử dụng mã ngắn với nhiều tùy chỉnh hơn, hãy xem chúng trong YT đáp ứng => Mã ngắn.

Bạn có gặp phải lỗi phản hồi khi chèn video YouTube vào trang web WordPress không? Làm thế nào bạn sửa chữa nó? Hãy chia sẻ với chúng tôi trải nghiệm của bạn qua khung bình luận bên dưới.

Nếu bạn thích bài viết này, hãy đăng ký blog của tôi để thường xuyên cập nhật những bài viết hay nhất và mới nhất qua email.

Via: sieucoder.com

from sieucoder.com https://ift.tt/3KbQgxS
via Sieucoder.com