Thủ thuật post video Youtube dạng list cho video có nhiều phần

Điểm 4.6/5 dựa vào 87 đánh giá

(Traidatmui.com) – Trước đây mình đã có những bài viết liên quan đến Video Youtube cho blog, đó là tiện ích Recent Video Youtube với 2 dạng đơn giản tại đây và có hiệu ứng cuộn ngang tại đây. Và hôm nay mình chia sẻ cùng các bạn cách để nhúng Video Youtube vào bài viết, nói cách khác là đăng video trên blogspot. Bạn sẽ nghĩ là việc đăng video trong blog thật đơn giản chỉ cần lấy mã nhúng của Video từ Youtube và dán vào blog là xong. Vâng đó không sai, tuy nhiên bạn thử nghĩ nếu Video Clip đó được chia ra thành nhiều phần thì bạn sẽ post thế nào? Chẳng lẽ mỗi phần chúng ta sẽ post thành 1 bài hay nhúng tất cả vào một bài. Nếu bạn nhúng tất cả vào 1 bài nó sẽ ảnh hưởng đến tốc độ load và trang của bạn sẽ rất dài.

Để tối ưu việc post video có nhiều phần trong blog, mình chia sẻ cùng các bạn thủ thuật tạo Video List, tức là chúng ta sẽ liệt kê các video thành dạng list trông sẽ gọn ràng và nhẹ hơn việc bạn post nhiều code trong cùng một bài viết. Các video sẽ chạy với chương trình của Youtube và danh sách các phần tiếp theo sẽ được liệt kê bên dưới bạn chỉ cần click vào ảnh thumbnail bên dưới là có thể xem phần tiếp theo.


Hình ảnh minh họa

» Bắt đầu thủ thuật

1. Đăng nhập vào tài khoản Blogger
2. Vào phần thiết kế (Design)
3. Chọn chỉnh sửa HTML (Edit HTML)
4. Chèn code bên dưới vào sau thẻ <head>
<script language="javascript" src="http://data-traidatmui.appspot.com/scripts/videoyoutube_list.js"></script>
<style type="text/css">
.myYoutubePlaylist_YoutubeMovie, .myYoutubePlaylist_YoutubePlaylist {
display:block;
}
.myYoutubePlaylist_Img {
width:64px; /*độ rộng ảnh thumb*/
height:60px; /*chiều cao ảnh thumb*/
overflow:hidden;
margin-left:3px;
border:1px solid #fff;
padding:2px ;
}
</style>

5. Save templates lại

Như vậy là bạn đã cài đặt chương trình video vào template, bây giờ là đến việc đăng bài của bạn. Sau này nếu bạn muốn post video từ Youtube thì bạn chỉ cần lấy mã Video đó và thay thế nó vào code bên dưới.
<div class="myYoutubePlaylist"><div id="myYoutubePlaylist_0ipWJzkUoMI" class="myYoutubePlaylist_YoutubeMovie"></div><center>
<div class="myYoutubePlaylist_YoutubePlaylist" id="myYoutubePlaylist_YoutubePlaylist_0ipWJzkUoMI"></div></center></div><script language="JavaScript" type="text/javascript">myYoutubePlaylist_cy('0ipWJzkUoMI','myYoutubePlaylist_0ipWJzkUoMI');myYoutubePlaylist_dl('0ipWJzkUoMI, SEFMQfPlC6E, 2GCcVm30Qvo','myYoutubePlaylist_YoutubePlaylist_0ipWJzkUoMI','myYoutubePlaylist_0ipWJzkUoMI');</script>

Phần mã màu đỏ (0ipWJzkUoMI) ở trên chính là mã video đầu tiên hay đó là phần 1, và các mã màu xanh là mã video các phần tiếp theo, nếu có nhiều hơn bạn chỉ việc thêm mã tương ứng, mỗi mã cách nhau bằng dấu phẩy (,) và mã cuối cùng không có dấu phẩy.

Bạn sẽ lấy mã của video trên Youtube bằng cách mở xem video đó và nhìn lên thanh địa chỉ bạn sẽ thấy, ngoài ra bạn còn nhiều cách lấy mã video khác bạn tìm hiểu thêm.
Bạn lấy mã video xong thay thế vào code trên và post bài nó sẽ tự động gọi chương trình chạy video youtube cho bạn.

Lưu ý: Bạn phải đặt code bên chế độ HTML khi post bài.

Chúc bạn thành công.

Loading...

21 nhận xét

  1. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  2. Báo lỗi này bạn ơi:
    "Mẫu của bạn không thể được phân tích cú pháp vì được tạo không đúng. Hãy đảm bảo tất cả các phần từ XML được đóng chính xác.
    Thông báo lỗi XML: The element type "style" must be terminated by the matching end-tag "".
    Bạn xem lại nhé. Cám ơn bạn, bạn vẫn còn nợ mình một lời hứa đó, bạn nhớ không?.
    SN-MS

    Trả lờiXóa
  3. Cuoilon Happy new Year !
    <a href="http://www.affiliate.moigioiforex.com/"

    Trả lờiXóa
  4. Nhận xét này đã bị tác giả xóa.

    Trả lờiXóa
  5. Tiện ích hay, đã post thành công hehehe
    Demo: http://tanchau123.blogspot.com/2012/01/te-cong-la-han-phuc-menh-chau-minh-tang.html
    Tuy nhiên mình thấy nhược điểm của tiện ích này là khi chuyển sang xem video khác ( trường hợp đăng quá nhiều video) người xem không biết được mình nên xem video nào kế tiếp. Nhờ admin fix lại chức năng này thì quá tốt bichoang

    Trả lờiXóa
  6. @ Admin: Đúng rồi, mình cũng đã có nghĩ tới vấn đề này.MÌnh sẽ cố gắng sữa lại cho nó hoàn thiện hơn trong thời gian tới.

    Trả lờiXóa
  7. Bạn có thể tạo ra code post video từ trang nhaccuatui.com hay mp3.zing.vn được không? Cuoilon

    Trả lờiXóa
  8. Nhận xét này đã bị quản trị viên blog xóa.

    Trả lờiXóa
  9. Hữu ích! cungly
    Nhưng bạn ơi cho mình hỏi cái này:
    Tại sao các SUB MENU xổ xuống từ MENU ngang bị của sổ trình chiếu youtube che khuất, mình không biết đặt thuộc tính nào để cho các submenu hiển thị lên phía trên cửa sổ này!
    Bạn biết vui lòng giúp mình nhé! Thanks!

    Trả lờiXóa
  10. @ chuotjerry: Bạn có thể đặt thuộc tính z-index:99999; vào phần submenu của bạn, chỉ số càng cao thì nó sẽ nằm ở phía trên.

    Trả lờiXóa
  11. Chẳng thấy video ngoài cái video đầu tiên mệt lẫn mỏi code nhảy lung tung chán chẳng buồn chết

    Trả lờiXóa
    Trả lời
    1. Bạn xem đã thay chính xác chưa, từng dấu phẩy nhé và mã video cuối không có dấu phẩy.

      Xóa
  12. admin à, nếu đặt tiêu đề đc cho mỗi video thì tốt nhỉ, có cái tiêu đề nữa là bài viết bạn hoàn hảo lun á, bạn ráng nghĩ vấn đề này nhé! :)

    Trả lờiXóa
  13. Tình cờ đi ngang qua thấy cái này hay quá đi ! mình đã thử và rất là ok (nếu ko muốn nói là rất là trình độ). Nhưng mình có một số vấn đề nhờ bạn giúp luôn cho trót nha bạn. Ví dụ như khi mình post 1 list nhạc chẳn hạn, mình muốn là:
    1- Nó tự play qua bản kế tiếp
    2- Trong play list nên có thanh cuộn qua trái đế ảnh khỏi phải xuống dòng
    3- Khi người ta rê chuột lên ảnh thì nó hiện tên chẳn hạn
    Chỉ có vậy thôi bạn ơi.
    Quá mê cái cách làm này luôn và rất mong được bạn hồi âm !
    Rất mừng nếu được bạn giúp. Waitting for you ...
    THANKS SO MUCH !!!

    Trả lờiXóa
    Trả lời
    1. Nếu muốn làm như ý bạn nói cần có thêm thời gian bạn ah

      Xóa
  14. Cảm ơn bạn đã chia sẽ thủ thuật, nhưng cho mình hỏi: nếu muốn bỏ cái tiêu đề phía trên khung player thì làm sao bạn ?

    Trả lờiXóa
    Trả lời
    1. Tiêu đề đó là mặc định của Youtube nên không loại bỏ được bạn ah

      Xóa
  15. Bạn ơi bên mình có dịch vụ Đăng tin tự động lên groups trên facebook miễn phí bạn xem qua nhé. miễn phí 100%
    Ngoài ra các bạn có thể đọc tin tức tại Kênh tin tức giải trí yeubao.com
    Các bạn có thể truy cập link sau để xem thông tin công nghệ
    Khoinguoncongnghe.net | kênh thông tin dành cho tín đồ công nghê
    cám ơn bạn đã đọc
    đăng tin tự động trên facebook miễn phí 100% xem tại Đăng tin tự động lên groups trên facebook miễn phí
    xem thủ thuật blogspot, thủ thuật blogger, thủ thuật facebook tại thủ thuật tổng hợp facebook, blogger,coputuer
    xem tin tức giới trẻ, các tin nổi bật tin tức nổi bật, tin sao, tin giới trẻ, đời sống xã hội
    xem thong tin giải trí, cung hoàng đạo, tại bí mật 12 chòm sao,tâm sự,blog tâm sự

    giải trí thư giã relax giải trí thư giãn relax
    khám phá du lịch, bi ẩn khám phá du lịch, bí ẩn
    kho video giải trí khổng lồ video đời sống xã hội, video giải trí
    khởi nguồn công nghệ, xem tin tức công nghệ, tin tức internet
    tin tức internet
    Tin tức itc , tin tức technogoy tin tức ict

    Khám phá công nghệ
    khám phá

    Thủ thuật công nghê thủ thuật công nghệ, tips





    Trả lờiXóa