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.
» Bắt đầu thủ thuật1. Đă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>
<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_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.
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaBáo lỗi này bạn ơi:
Trả lờiXóa"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
@ sangnguyenMS (addmin): Ok đã fix lại.
Trả lờiXóabyebye
Trả lờiXóaCuoilon Happy new Year !
Trả lờiXóa<a href="http://www.affiliate.moigioiforex.com/"
Nhận xét này đã bị tác giả xóa.
Trả lờiXóaTiện ích hay, đã post thành công hehehe
Trả lờiXóaDemo: 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: Đú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óaBạn có thể tạo ra code post video từ trang nhaccuatui.com hay mp3.zing.vn được không? Cuoilon
Trả lờiXóaNhận xét này đã bị quản trị viên blog xóa.
Trả lờiXóaHữu ích! cungly
Trả lờiXóaNhư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!
@ 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óaChẳ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óaBạ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óaadmin à, 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óaDạng tên video bạn có thể xem bài viết tại đây
XóaTì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à:
Trả lờiXóa1- 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 !!!
Nếu muốn làm như ý bạn nói cần có thêm thời gian bạn ah
XóaCả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óaTiêu đề đó là mặc định của Youtube nên không loại bỏ được bạn ah
XóaBạ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%
Trả lờiXóaNgoà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