Code CSS Responsive Video WordPress cần thiết cho bạn!
Code CSS Responsive Video WordPress cần thiết cho bạn! Mỗi khi tiến hành chèn video từ youtube vào website nó sẽ không tự responsive được? Vậy bạn phải làm gì đây? có phải bạn sẽ ngồi fix lại từng css cho cái video vừa chèn vào không? Nếu vậy bạn hãy tham khảo được code chỉnh css responsive này nhé.
Code CSS Responsive Video WordPress
Code CSS Responsive Video 100% thành công nhé
Khi bạn tiến hành chèn video vào website wordpress là việc làm quá dễ dàng, chỉ cần copy url chia sẻ trực tiếp trên youtube -> pass vào trang bạn đang viết bài -> cập nhật là bạn đã chèn thành công video vào trang web bạn rồi.
>>Xem Thêm: Lệnh hiển thị ngày – tháng – tag – comment – tác giả trong wordpress
Thế nhưng một việc làm tưởng chừng quá đơn giản nhưng không phải ai cũng làm thành công, thật vậy đối với những website đã chèn video thành công rồi nhưng vẫn gặp khó khăn đó là làm sao cho video responsive được? Đây mới là vấn đề cần giải quyết nhé
Vì vậy mình xin chia sẻ Code CSS Responsive Video WordPress
Đoạn Code CSS Responsive Video WordPress mình đã áp dụng cho website cung cấp dịch vụ thiết kế website tungphat.com và đã thấy thành công 100%, các bạn chỉ cần thực hiện theo hướng dẫn sau:
Bạn tiến hành copy đoạn code này vào file functions.php
/* Add responsive container to embeds
/* ———————————— */
function alx_embed_html( $html ) {
return ‘’ . $html . ‘’;
}
add_filter( ’embed_oembed_html’, ‘alx_embed_html’, 10, 3 );
add_filter( ‘video_embed_html’, ‘alx_embed_html’ ); //
Đây chính là phần quan trọng nhất của bài viết này đó là Code CSS Responsive Video WordPress
.video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; }
.video-container iframe, .video-container object,.video-container embed, .video-container video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
Tóm lại: Đây là đoạn để thực hiện được responsive video trong website wordpress bạn cần phải kết hợp giữa code chèn vào file functions.php và code css mới thực hiện được. Chúc bạn thành công trong việc fix css responsive video cho website mình => và thường xuyên truy cập website tungphat.com để xem thêm code css cần thiết cho website mình nhé.
Tác giả: Admin- website: Tungphat.com
Bài viết tương tự của Code CSS Responsive Video WordPress cần thiết cho bạn!
Bài 5 Hướng Dẫn Thêm Người Dùng Trên Website WordPress
Cũng như các bài viết trước trên seri hướng dẫn cơ bản trên website wordpress thì bài viết này Tùng Phát sẽ hướng dẫn cho Quý Khách hàng thực hiện thao tác thêm người dùng mới trên website wordpress để có thể quản lý cũng như chia sẽ phân quyền cho họ quản trị website
Bài 4. Hướng Dẫn Chức Năng Thêm Mới Sản Phẩm Trên Website WordPress
Bài viết hướng dẫn chức năng thêm sản phẩm mới trên website wordpress. Cũng tương tự như việc triển khai thêm bài viết, thêm trang mới trong quản trị website wordpress
Bài 3. Thêm Trang Mới Trên Website WordPress
Tương tự như việc thêm bài viết mới. Bài viết này đội ngũ nhân Viên Tùng Phát sẽ hướng dẫn cho Quý Khách hàng thực hiện thao tác thêm trang mới trên website wordpress
Cài Đặt WordPress Trên Sever Local
Bài 1: Cài đặt wordpress trên Sever Local là bài cơ bản nhất, bắt buộc bạn phải thực hiện được. Bạn chỉ cần có máy tính cá nhân và internet là có thể thực hành và tạo lập website cho riêng mình
Bài 2 Hướng Dẫn Up Một Bài Viết Mới Trong Quản Trị Website
Các bước làm cụ thể như sau: Bước 1: Đặt tiêu đề Bước 2: Viết nội dung(viết đoạn văn + chèn hình ảnh + đặt link) Bước 3: Chọn chuyên mục Bước 4: Chọn ảnh đại diện Bước 5: Đặt thẻ tag(có thể đặt hoặc không đặt cũng được) Bước 6: Đặt tiêu đề và mô tả dành cho SEO Bước 7: Đăng bài Viết