Hôm nay là

Chèn Video Youtube vào Blogspot

Thứ Sáu, 21 tháng 7, 2017 - , - No comments - lượt xem


Đăng một video nhạc từ youtube nghe thư giãn ...
hi hi hi...
- B1: Vào trang Youtube.com
- B2: Tìm kiếm Video cần chèn nếu đã có, hoặc tải lên nếu chưa tồn tại trên trang Youtube
- B3: Kích xem chi tiết Video, chọn Tab Chia sẻ (Share) - Nhúng (Embed) - Sao chép.
- B4: Copy toàn bộ đoạn Code trong khung "Nhúng video" và đoạn Code có dạng: 

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

- B5: Vào trang quản trị Blog, tạo bài viết mới hoặc chỉnh sửa bài viết cần chèn Video (hoặc dán vào tiện ích HTML/JavaScript)

- B6: Chuyển màn hình soạn thảo bài viết sang chế độ HTML
- B7: Dán toàn bộ đoạn Code vào màn hình soạn thảo
- B8: Nhấp nút "Xuất bản" hoặc "Cập nhật" để lưu bài viết
Tới đây xem như việc chèn VideoClip của YouTube vào bài viết đã thành công rồi.

Tuy nhiên ngoài cú pháp chèn Video ở trên, ta cũng có thể thêm các tham số khác vào để tăng thêm sự hấp dẫn cho trang Blog. Và dưới đây là một số các tham số khi thực hiện chèn Video

* ?start=20:  Bỏ qua 20 giây đầu tiên của Video. Nếu muốn bỏ qua nhiều/ít hơn thì chỉ cần thế số 20 thành số giây tùy ý.

Đoạn Code sẽ có dạng như sau:

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


* ?rel=0Không xuất hiện các video khác khi kết thúc xem video hiện tại.

Đoạn Code sẽ có dạng như sau:

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

* ?autoplay=1: Tự động chạy Video.

Đoạn Code sẽ có dạng như sau:


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

* ?loop=1&playlist=Mã Video: Tự động phát lại (replay) sau khi chạy xong

Đoạn Code sẽ có dạng như sau:



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

* Đây là cú pháp tổng hợp khi chèn Video, cú pháp này sẽ thực hiện các công việc: Không xuất hiện các Video khác khi kết thúc xem Video hiện tại, Tự động chạy Video, Tự động phát lại (replay) sau khi chạy xong. 


<iframe width="560" height="315"
src="https://www.youtube.com/embed/MX4_wIeWgAo?rel=0&autoplay=1&loop=1&playlist=MX4_wIeWgAo" frameborder="0"allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>


Thay đổi số 560315 để tùy chỉnh kích thước width="560" height="315"

Cuối cùng xem lại bài viết (hoặc tiện ích HTML/JavaScript) vừa chèn Video và thưởng thức thành quả tuyệt vời.

Nguồn:

https://sites.google.com/site/nguyenlamminhhai93/thu-thuat-blogspot/chen-video-youtube-vao-blogspot






Không có nhận xét nào:

Hướng dẫn viết nhận xét:
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
- Thêm một vài biểu tượng cảm xúc...

Tiện ích hướng dẫn comment và ký tự emoticons Zing

Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
:)) :(( :) :-ss =)) :( :d @-) :p :-o [-( :-? :-t b-( =d>

Tiện ích hướng dẫn comment và ký tự emoticons Yahoo

Hướng dẫn viết nhận xét:
- Gõ (hoặc copy và dán) ký tự bên phải biểu tượng cảm xúc muốn chọn vào khung nhận xét.
- Dán link ảnh trực tiếp vào khung nhận xét không cần dùng thẻ.
* Chú ý: Link ảnh phải đặt cuối cùng. Sau link ảnh đã dán, không gõ thêm bất kỳ ký tự nào nữa, kể cả nhấn Enter.
:(( :( :)) ~X( :-h :-? b-) *-:) ~O) @};- >:D< =)) :) :-* :D [-X x( :-o =D> :@) :P :"> ;;) ;) :X =(( :-/