Code nhúng video từ youtube qua blogspot

Để nhúng video từ YouTube vào Blogspot, bạn có thể làm theo các bước sau đây:

Bước 1: Lấy mã nhúng từ YouTube

1. Truy cập vào video YouTube mà bạn muốn nhúng.

2. Bên dưới video, bấm vào nút "Chia sẻ" (Share).


3. Trong cửa sổ hiện ra, chọn "Nhúng" (Embed).

4. Sao chép mã nhúng (embed code) được cung cấp. Nó sẽ trông giống như thế này:

   <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

Bước 2: Nhúng mã vào bài viết Blogspot

1. Đăng nhập vào tài khoản Blogspot của bạn.

2. Tạo một bài viết mới hoặc chỉnh sửa một bài viết hiện có.



3. Chuyển sang chế độ "HTML" trong trình soạn thảo Blogspot.


4. Dán mã nhúng mà bạn đã sao chép từ YouTube vào vị trí bạn muốn video xuất hiện trong bài viết.

Ví dụ:

   <h2>Video Hướng Dẫn Sử Dụng Camtasia</h2>

   <iframe width="560" height="315" src="https://www.youtube.com/embed/VIDEO_ID" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>

   <p>Đây là video hướng dẫn chi tiết cách sử dụng phần mềm Camtasia.</p>

5. Chuyển lại chế độ "Soạn thảo" để xem video được nhúng.

Bước 3: Xuất bản bài viết

1. Kiểm tra lại bài viết của bạn để đảm bảo rằng video được hiển thị đúng cách.

2. Bấm vào nút "Xuất bản" để đăng bài viết lên blog của bạn.

Vậy là bạn đã hoàn thành việc nhúng video từ YouTube vào Blogspot. Đây là một cách hiệu quả để làm phong phú nội dung blog của bạn và thu hút sự chú ý của người đọc.

Nếu bạn gặp khó khăn hoặc cần thêm thông tin chi tiết về cách nhúng video hoặc chỉnh sửa mã nhúng, đừng ngần ngại hỏi thêm! 

Dưới đây là code nhúng video từ youtube qua blogspot thích ứng với mọi kích thước màn hình trình duyệt web từ Hòa Trần.

<style>
/*<![CDATA[*/
.video-container{position:relative;padding-bottom:56.25%;height:0}
.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}
/*]]>*/
</style>
<div class="video-container">
    <iframe width="100%" height="350" src="https://www.youtube.com/embed/VIDEO_ID"
frameborder="0" allowfullscreen = "true"></iframe>
</div>
Chia sẻ:

Đăng nhận xét