Digital Marketing

Nhúng video YouTube để hiển thị Responsive trên WordPress

Xin chào, xin chào các bạn! Hôm nay Hocban.vn chia sẻ với các bạn một cách nhúng video Responsive từ YouTube vào các bài viết trên webiste trên WordPress.

Nhúng video đáp ứng là gì?

Video nhúng (video nhúng) là khi chúng ta đưa một video từ một nguồn không phải là host mà website của chúng ta đang chạy, để hiển thị trên một bài viết hoặc một vị trí nào đó trên website. Chúng thường là các dịch vụ chia sẻ video như: Facebook, Vimeo, DailyMotion, … và phổ biến nhất hiện nay là YouTube.

Các dịch vụ này cung cấp cho chúng ta một mã nhúng, bạn chỉ cần gói bóng và dán mã đó vào một bài báo hoặc một nơi nào đó trên website (ở chế độ soạn thảo HTML). Đối với WordPress, chỉ cần dán liên kết YouTube vào và nó sẽ tự động hiển thị video, không cần sao chép mã. Tuy nhiên, nó đặt ra một vấn đề là video sẽ không phản ứng nhanh nhẹn.

Bạn có thể xem hình minh họa bên dưới để biết video được nhúng có phản hồi hay không. Chắc chắn không phản hồi sẽ trông rất xấu khi hiển thị trên các thiết bị có màn hình nhỏ như máy tính bảng, điện thoại, ..

Hình dung một video đáp ứng nhưng đáp ứng trên YouTube

Trực quan hóa video nhúng đáp ứng từ YouTube

Cách nhúng video đáp ứng từ YouTube

Trước đây tôi đã chơi với cái này rất nhiều, tìm kiếm khắp nơi trên internet và cài đặt một loạt các plugin để thử nghiệm và cuối cùng đã chọn được plugin mà tôi thích. Đó là một plugin có tên Đèn video đáp ứng, rất nhẹ nhàng và tình cảm. Bạn tìm kiếm tên đó trên Google và chọn kết quả đầu tiên.

Bạn đã biết cài đặt plugin rồi nên mình sẽ không nói thêm, cài xong nhớ kích hoạt nhé!

Để sử dụng nó rất đơn giản, bạn có thể làm theo 2 bước sau:

  • Bước 1: Đầu tiên, bạn mở video để nhúng trên YouTube, nhìn vào URL của video đó.
https://www.youtube.com/watch?v=7OUl2SOeL44
  • Bước 2: Bạn sao chép đoạn cuối cùng trong liên kết sau từ “v =” (ví dụ ở trên: 7OUl2SOeL44) rồi dán vào bài viết sao cho giống hình bên dưới bài viết là ok.

responsive_youtube 7OUl2SOeL44

Bây giờ bạn có thể xem video có được nhúng vào bài đăng phản hồi hay không! Haha, khá dễ dàng để làm phải không? Vì vậy trong bài viết này mình chia sẻ một thủ thuật nhỏ, bạn nào có cách nhúng đơn giản hơn thì comment bên dưới nhé! Còn những bạn nào không làm được thì cứ cmt bên dưới mình sẽ chỉ cho nhé!

4,5 / 5 – (2 phiếu bầu)


Marketing online


Thông tin thêm

Nhúng video YouTube để hiển thị Responsive trên WordPress

#Nhúng #video #YouTube #để #hiển #thị #Responsive #trên #WordPress
[rule_3_plain] #Nhúng #video #YouTube #để #hiển #thị #Responsive #trên #WordPress

Hello, xin chào anh em ! Hôm nay Hocban.vn chia sẻ đến anh em một cách để nhúng video Responsive từ YouTube vào bài viết trên webiste trên WordPress.
MỤC LỤC NỘI DUNG1 Nhúng video Responsive là sao ta ?2 Cách nhúng video responsive từ YouTube
Nhúng video Responsive là sao ta ?
Nhúng video ( video embed) là việc chúng ta đưa một video từ một nguồn khác host mà website mình đang chạy, để hiển thị lên bài viết hoặc một vị trí nào đó trên website. Chúng thường là các dịch vụ chia sẻ video như: Facebook, Vimeo, DailyMotion,… và phổ biến nhất hiện nay là YouTube.
Các dịch vụ này nó cho chúng ta một đoạn mã nhúng, chỉ cần cốp bi và dán đoạn mã đó vào bài viết hoặc vị trí nào đó trên website (ở chế độ soạn thảo HTML) là được. Đối với WordPress thì chỉ cần dán link YouTube vào là nó tự động hiển thị video chứ không cần copy code làm gì. Tuy nhiên nó nảy sinh một vấn đề là video sẽ không responsive.
Anh em có thể xem ảnh minh họa dưới đây để hình dung được video được nhúng có responsive và không responsive. Chắc chắn rằng không responsive nhìn sẽ rất tệ khi hiển thị trên các thiết bị có màn hình nhỏ như máy tính bảng, điện thoại,..
Hình dung về video nhúng có responsive từ YouTube
Cách nhúng video responsive từ YouTube
Cái này hồi trước mình nghịch khá nhiều, tìm đủ mọi cách trên mạng rồi cài cả mớ plugin để test và cuối cùng cũng chọn được plugin ưng ý. Đó là plugin có tên Responsive Video Light, rất nhẹ nhàn và tình cảm. Các bạn tìm tên đó trên Google và chọn kết quả đầu tiên.
Việc cài đặt plugin thì các bạn biết rồi nên mình không nói thêm, sau khi cài thì nhớ kích hoạt nó lên nhé !
Để xài nó thì rất đơn giản, có thể thực hiện theo 02 bước dưới đây:

Bước 1: Đầu tiên các bạn mở video cần nhúng trên YouTube, nhìn cái URL của video đó.

Bước 2: Bạn copy cái đoạn cuối trong đường link sau chữ “v=” (ví dụ ở trên: 7OUl2SOeL44) , rồi dán nó vào trong bài viết sao cho nó ra hình thù kiểu như dưới đây trong bài viết là oke.

responsive_youtube 7OUl2SOeL44

Bây giờ thì bạn có thể xem video được nhúng vào bài viết đã responsive chưa nhé ! Haha, khá là dễ làm đúng không ? Thì bài này mình chia sẻ cái thủ thuật nho nhỏ vậy thôi, anh em nào có cách nhúng đơn giản hơn thì cho mình xin góp ý bên dưới nhen ! Còn bạn nào không làm được thì cứ côm mềnh bên dưới, mình trỉ cho !

4.5/5 – (2 votes)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘5479’});
});
});
#Nhúng #video #YouTube #để #hiển #thị #Responsive #trên #WordPress
[rule_2_plain] #Nhúng #video #YouTube #để #hiển #thị #Responsive #trên #WordPress
[rule_2_plain] #Nhúng #video #YouTube #để #hiển #thị #Responsive #trên #WordPress
[rule_3_plain]

#Nhúng #video #YouTube #để #hiển #thị #Responsive #trên #WordPress

Hello, xin chào anh em ! Hôm nay Hocban.vn chia sẻ đến anh em một cách để nhúng video Responsive từ YouTube vào bài viết trên webiste trên WordPress.
MỤC LỤC NỘI DUNG1 Nhúng video Responsive là sao ta ?2 Cách nhúng video responsive từ YouTube
Nhúng video Responsive là sao ta ?
Nhúng video ( video embed) là việc chúng ta đưa một video từ một nguồn khác host mà website mình đang chạy, để hiển thị lên bài viết hoặc một vị trí nào đó trên website. Chúng thường là các dịch vụ chia sẻ video như: Facebook, Vimeo, DailyMotion,… và phổ biến nhất hiện nay là YouTube.
Các dịch vụ này nó cho chúng ta một đoạn mã nhúng, chỉ cần cốp bi và dán đoạn mã đó vào bài viết hoặc vị trí nào đó trên website (ở chế độ soạn thảo HTML) là được. Đối với WordPress thì chỉ cần dán link YouTube vào là nó tự động hiển thị video chứ không cần copy code làm gì. Tuy nhiên nó nảy sinh một vấn đề là video sẽ không responsive.
Anh em có thể xem ảnh minh họa dưới đây để hình dung được video được nhúng có responsive và không responsive. Chắc chắn rằng không responsive nhìn sẽ rất tệ khi hiển thị trên các thiết bị có màn hình nhỏ như máy tính bảng, điện thoại,..
Hình dung về video nhúng có responsive từ YouTube
Cách nhúng video responsive từ YouTube
Cái này hồi trước mình nghịch khá nhiều, tìm đủ mọi cách trên mạng rồi cài cả mớ plugin để test và cuối cùng cũng chọn được plugin ưng ý. Đó là plugin có tên Responsive Video Light, rất nhẹ nhàn và tình cảm. Các bạn tìm tên đó trên Google và chọn kết quả đầu tiên.
Việc cài đặt plugin thì các bạn biết rồi nên mình không nói thêm, sau khi cài thì nhớ kích hoạt nó lên nhé !
Để xài nó thì rất đơn giản, có thể thực hiện theo 02 bước dưới đây:

Bước 1: Đầu tiên các bạn mở video cần nhúng trên YouTube, nhìn cái URL của video đó.

Bước 2: Bạn copy cái đoạn cuối trong đường link sau chữ “v=” (ví dụ ở trên: 7OUl2SOeL44) , rồi dán nó vào trong bài viết sao cho nó ra hình thù kiểu như dưới đây trong bài viết là oke.

responsive_youtube 7OUl2SOeL44

Bây giờ thì bạn có thể xem video được nhúng vào bài viết đã responsive chưa nhé ! Haha, khá là dễ làm đúng không ? Thì bài này mình chia sẻ cái thủ thuật nho nhỏ vậy thôi, anh em nào có cách nhúng đơn giản hơn thì cho mình xin góp ý bên dưới nhen ! Còn bạn nào không làm được thì cứ côm mềnh bên dưới, mình trỉ cho !

4.5/5 – (2 votes)

window.addEventListener(‘DOMContentLoaded’, function() {
jQuery(document).ready(function( $) {
$.post( ‘https://hocban.vn/wp-admin/admin-ajax.php’, {action: ‘mts_view_count’, id: ‘5479’});
});
});

Trả lời

Email của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Back to top button