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

(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.

Xem khác cùng chủ đề

21 nhận xét | Viết lời bình

1/19/2012 05:59:00 CH Trả lời
Nhận xét này đã bị tác giả xóa.
1/19/2012 06:00:00 CH Trả lời

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

Admin
1/19/2012 10:39:00 CH Trả lời

@ sangnguyenMS (addmin): Ok đã fix lại.

1/22/2012 05:47:00 SA Trả lời

byebye

1/28/2012 06:47:00 SA Trả lời

Cuoilon Happy new Year !
<a href="http://www.affiliate.moigioiforex.com/"

1/30/2012 01:29:00 SA Trả lời
Nhận xét này đã bị tác giả xóa.
1/30/2012 01:32:00 SA Trả lời

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

Admin
1/30/2012 09:19:00 CH Trả lời

@ 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.

2/07/2012 06:04:00 SA Trả lời

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

2/25/2012 09:01:00 CH Trả lời
Nhận xét này đã bị tác giả xóa.
2/25/2012 09:30:00 CH Trả lời

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!

Admin
2/28/2012 04:56:00 SA Trả lời

@ 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.

6/04/2012 04:13:00 SA Trả lời

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

Admin
6/04/2012 05:17:00 SA Trả lời

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.

12/19/2013 07:45:00 SA Trả lời

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é! :)

Admin
12/19/2013 08:36:00 CH Trả lời

Dạng tên video bạn có thể xem bài viết tại đây

7/03/2015 01:35:00 CH Trả lời

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 !!!

7/04/2015 12:01:00 SA Trả lời

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 ?

Admin
7/15/2015 07:55:00 SA Trả lời

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

Admin
7/15/2015 07:56:00 SA Trả lời

Nếu muốn làm như ý bạn nói cần có thêm thời gian bạn ah

7/24/2015 02:18:00 SA Trả lời

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





Bạn nhập từ: cungly Bạn nhập từ: lleu Bạn nhập từ: kkrong Bạn nhập từ: cuoilon Bạn nhập từ: roile Bạn nhập từ: hehehe Bạn nhập từ: byebye Bạn nhập từ: idontknow Bạn nhập từ: votay more »

Giải pháp bán hàng online Số 1 Việt Nam
Lên đầu trang Xuống cuối trang