Chèn – nhúng kênh YouTube vào website

Chèn - nhúng kênh YouTube vào website

Chèn – nhúng kênh YouTube vào website

Bài viết này mình chia sẻ đến anh em cách chèn – nhúng kênh YouTube vào website nói chung. Dù bạn đang dùng WordPress,  Blogspot (Blogger), WordPress.com,…. hay bất kỳ nền tảng nào, chỉ cần nơi bạn cần chèn có cho phép chèn code HTML là được nè.

Demo và mẫu code demo chèn – nhúng kênh YouTube vào website

Dưới đây là demo và mẫu code mình đang sử dụng trên thietkewebsitephuyen.com | Bạn có thể copy dán vào trong chế độ soạn thảo HTML của web bạn hoặc chèn trong widget HTML, widget text (chế độ HTML) của WordPress, chèn vào bài viết, trang,…. để xem thử nó trông như thế nào nhé !

Đoạn code để bạn copy:

<div style="background: #f2908b0f; border-radius: 5px; border: 1px dashed #f2908b; box-sizing: border-box; float: none; margin: 0px auto; outline: 0px; padding: 10px 15px 20px 20px; vertical-align: baseline; color: #5f9025; font-family: arial, sans-serif; font-size: 15px;">
<script src="https://apis.google.com/js/platform.js"></script>
<div class="g-ytsubscribe" style="text-align: center;" data-channelid="UCpW7nDWOcrKi2D0jE8YU4hw" data-layout="full" data-count="default"></div>
</div>

Cách lấy ID kênh YouTube  – Channel ID

Bạn đăng nhập sẵn vào kênh YouTube định nhúng, sau đó truy cập vào đường dẫn bên dưới và copy mã nhận dạng kênh rồi đem thay thế cho đoạn mã phía sau data-channelid mình in đậm màu xanh ở đoạn code đã chia sẻ ở trên.

https://www.youtube.com/account_advanced

Còn lại phần CSS bạn muốn chỉnh màu gì thì tự chỉnh lại hoặc comment bên dưới mình chỉnh lại dùm cho nhen ^^ | Như vậy là chèn xong kênh YouTube vào website á. Cái này đặt lên chắc chắn sẽ làm web nặng hơn chút đỉnh, nhưng nếu bạn thích hoặc cần thì cứ triển thôi ^^

Sử dụng code nhúng nút đăng ký mặc định của YouTube

Trong trường hợp bạn không thích dùng đoạn code đã tinh chỉnh của mình ở trên thì có thể sử dụng đoạn code nhúng mặc định của YouTube.

 

3.7/5 – (4 votes)