• Tư vấn điều trị
      bệnh khàn tiếng


    www.trikhantieng.com

    Liên hệ + 0913163316

BlogList111

Việt Nam Gia Phả, nơi lưu trữ Gia Phả của người Việt Nam  Kiến thức Blogspot Ngonluanho: Nhung cau chuyen thap lua-Tin-Cay-Men Vngreenzone Là một nơi chia sẻ kinh nghiệm làm blogger - Nơi tôn vinh tâm hồn blogger Việt

Tự động chèn video Youtube chỉ bằng ID vào bài viết

45
16/09/2011

Trước đây mình đã từng giới thiệu cách chèn tự động video trên Youtube vào blogspot. Cách này áp dụng cho code embed kiểu cũ. Mà code embed kiểu cũ của Youtube thường có dạng như thế này:

<object width="420" height="315"><param name="movie" value="http://www.youtube.com/v/2WnaQgQwGa4?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/2WnaQgQwGa4?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Trong đoạn code trên thì 2WnaQgQwGa4 chính là ID của video. Hiện nay Youtube đã áp dụng code chèn kiểu mới, có dạng như sau:

<iframe width="420" height="315" src="http://www.youtube.com/embed/2WnaQgQwGa4" frameborder="0" allowfullscreen></iframe>

Đối với các blogspot chuyên đăng video clip lấy từ Youtube thì công việc chèn video cần được tự động hóa, giúp người quản trị đỡ phần mệt nhọc. Ngoài cách chèn tự động trước đây mình đã giới thiệu, hôm nay mình giới thiệu tiếp một cách khác. Trước tiên bạn cần đặt một đoạn script tạo chức năng chèn video tự động trước thẻ </head> trong Template.

<script type='text/javascript'>
//<![CDATA[
// Script to insert Youtube video automatically on Blogspot by www.thuthuatblogger.info
function insert_YouTube(IDyoutube) {
var width = 430; // có thể chỉnh chiều rộng khung video
var height = 315; // có thể chỉnh chiều cao khung video
var output = "<div style=\"text-align:center;\">";
output = '<iframe width="'+width+'" height="'+height+'" src="http://www.youtube.com/embed/'+IDyoutube+'?rel=0" frameborder="0" allowfullscreen>'; // rel=0 giúp vô hiệu hóa chức năng video liên quan
output += "</iframe>";
output += "</div>";
document.write (output);
}
//]]>
</script>

Đến đây, mỗi khi đăng bài viết, ở chế độ Edit HTML trong công cụ đăng bài, bạn chỉ việc đặt code như sau:

<script>insert_YouTube("XXXXXXXXXXX");</script>

Trong đó XXXXXXXXXXX chính là ID của video trên Youtube.
Ưu điểm của cách này so với cách cũ là khi đang play video, click vào màn hình video thì sẽ không xuất hiện tab dẫn đến trang video Youtube (trong khi cách cũ vẫn bị tình trạng này).

{45 bình luậnAdd yours ?}

Yolks
AUTHOR
16:38:00, 16 thg 9, 2011

:51) hihi , giờ em là người wan tâm blog a nhất

Reply
16:47:00, 16 thg 9, 2011

@YolksThế sao e, cuối tuàn zui zẻ nhé. Đúng là chưa rảnh giúp e cái code ấy được, nó hơi dài nên phải có thời gian.

Reply
Yolks
AUTHOR
16:59:00, 16 thg 9, 2011

Trong Tuần này càng tốt . em cũng muốn nghĩ ngơi hôm nay :52)

Reply
18:13:00, 16 thg 9, 2011

Phim của Chung Tử Đơn hay thế sao em lại chưa xem nhở :65)

Reply
18:23:00, 16 thg 9, 2011

Học hỏi từ cai hiệu ứng dàn xếp của bác Hà đây...
Đẹp như mơ nhá...

http://www.nguoiaolam.net/2011/08/tong-hop-video-phap-thoai-thuong-toa.html

Reply
20:02:00, 16 thg 9, 2011

@Minh TriếtVery gud. Minh Triết đang làm công tác xã hội phải k? Cái Temp cũ của nguoiaolam cũng đẹp mà, sao đổi cái mới rồi a.

Reply
20:43:00, 16 thg 9, 2011

@Linh Dung Cứ coi phim cho đã nha, sắp tới sẽ có TUT mới rất là độc "địa" đó :51)

Reply
20:56:00, 16 thg 9, 2011

@Minh TriếtĐúng là đẹp như mơ. :D

Reply
21:24:00, 16 thg 9, 2011

@Huỳnh Nhật Hà

Tut gì hấp dẫn thế bác Hà?

Reply
21:35:00, 16 thg 9, 2011

@DPMNET Chưa bật mí, cái này rất là cần thiết cho comment đây, thử đoán xem :51)

Reply
21:38:00, 16 thg 9, 2011

@Huỳnh Nhật Hà

Hầu hết các thủ thuật về comment đều đc khai thác rồi, cái khung comment thì ko thể can thiệp. Chắc là cái emoticon độc ^^

Reply
21:41:00, 16 thg 9, 2011

@DPMNET Cái emoticon độc thì đã có cái dùng cho Comments và Posts rồi, k thể độc nữa, gần cái khung còm nhất :51)

Reply
21:46:00, 16 thg 9, 2011

Blogger đang thử nghiệm cái auto lightbox mà xem ra chẳng mấy ai quan tâm nhỉ! Mình cũng ko khoái nó lắm, gần đây các tính năng mới ra của blogger ko hấp dẫn mấy trong khi còn nhiều thứ mọi người đang cần thay đổi thì chờ hoài chẳng thấy đâu. Mình thì mong blogger cho tùy biến lỗi 404, trang liên hệ, khung comment no iframe, và...nhiều lắm

Reply
21:51:00, 16 thg 9, 2011

@Huỳnh Nhật Hà

Khó đoán à nha: nội quy comment, post as... Thua

Reply
21:52:00, 16 thg 9, 2011

@DPMNET Đúng thế, cái lightbox đó k khoái lắm. Mà cái trang lỗi 404 tự làm được mà đâu cần Blogger, có subdomain là làm được thôi. Nếu Blogger mà hỗ trợ khung nhập comment (dùng php?) thì nó lại giống Wordpress mất, có lẽ vì thế mà Blogger k phát triển chăng?

Reply
21:56:00, 16 thg 9, 2011

@Huỳnh Nhật Hà

Làm đc thì e đã làm rồi, tạo sub, redirect nhưng ko phải DNS domain nào cũng hỗ trợ nhưng quan trọng là nó khô khan và khi mà dùng subdomain cho blog thì thua

Reply
21:56:00, 16 thg 9, 2011

@Huỳnh Nhật Hàcái temp đó mình ứng ý lắm, vừa gọn nhẹ lại đẹp... nhưng có điều nó có vẻ cá nhân hóa, trong khi do yêu cầu quảng bài viết rộng với nhiều tác giả. Bị một số quý thầy phản ánh nên phải đổi.
Giao diện simpex tuy đẹp nhưng có cái là chậm quá... :) cố gắng hết sức mà tốc độc load cũng trên 10s

Reply
22:08:00, 16 thg 9, 2011

@DPMNET Đúng thế, dù sao tạo subdomain nhìn k đã mắt. Chắc rồi ở cuối đường hầm sẽ có tia sáng lóe lên thôi à.

Reply
22:34:00, 16 thg 9, 2011

uầy, ngắn gọn ghê, update mới này thật là tiện dụng

Reply
23:22:00, 16 thg 9, 2011

Phim này tên gì thế Bác?

Reply
23:26:00, 16 thg 9, 2011

@Tan Dung Phim này có tên là Chiến lang truyền thuyết (the Legend of Wolf)

Reply
00:05:00, 17 thg 9, 2011

@Minh Triết Template mới nhìn cũng sáng rạng đấy MT.

Reply
08:54:00, 17 thg 9, 2011

Thủ thuật không lấy được ảnh vào trong phần [thủ thuật] Bài Viết Liên Quan gần đây của thuthuatblogger.info

Reply
12:44:00, 17 thg 9, 2011

Cách này không ổn lắm nếu thay template thì toàn bộ Video không xem được. Với lại hiện nay YouTobe cung cấp mã nhúng mới không chuyển hướng khi Click vào màn hình rùi. http://2.bp.blogspot.com/_XwhCottp9-E/TTmbVU_kkAI/AAAAAAAAAEk/i8I-QCsR-SU/s1600/49.gif

Reply
20:34:00, 17 thg 9, 2011

Hiện blogger chưa cho phép dis cái auto lightbox nhưng nếu bác nào ko thích có thể loại bỏ nó bằng cách thêm đoạn code sau trước thẻ đóng </head> :

<script type='text/javascript'>
//<![CDATA[
function killLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
images[i].onmouseover=function() {
var html = this.parentNode.innerHTML;
this.parentNode.innerHTML = html;
this.onmouseover = null;
};
}
}

if (window.addEventListener) {
window.addEventListener('load',killLightbox,undefined);
} else {
window.attachEvent('onload',killLightbox);
}
//]]>
</script>

Reply
22:45:00, 17 thg 9, 2011

Tes thử cái comments xem nào :) kiểu này thì chèn emo ngon rồi đây:59):59)

Reply
23:02:00, 17 thg 9, 2011

Đang thử nghiệm xem triển vọng như thế nào, hy vọng mọi người góp ý thêm để phát triển và hoàn thiện chuẩn bị hướng dẫn TUT. :51)

Reply
23:34:00, 17 thg 9, 2011

Ồ cái này hay à nha! Anh Hà hoàn thiện còn chia sẻ với mọi người nha anh! Tiếc là vẫn chưa có cách gì để có thể đưa trực tiếp emo trực tiếp vào khung comment! Hy vọng là tương lai không xa sẽ có TUT này để đua đòi với WP :51)

Reply
23:36:00, 17 thg 9, 2011

@Huỳnh Nhật HàNhưng mà test thử thì thấy thế này cũng ngon lắm rồi anh Hà ạ! :55)

Reply
23:42:00, 17 thg 9, 2011

@Linh Dung Input emo và link thì làm được rồi, giờ chỉ còn làm comment editor là coi như giống Wp

Reply
23:54:00, 17 thg 9, 2011

@Huỳnh Nhật Hà Ok anh, hy vọng là anh sớm nghiên cứu ra TUT đóng góp cho cho cộng đồng Blogger.

Reply
11:16:00, 18 thg 9, 2011

kinh nghiệm này hay quá ta

Reply
Yolks
AUTHOR
20:15:00, 20 thg 9, 2011

Có lỗi , cái này xung đột với code thêm tự động alt và tile cho ảnh và link đó ảnh

Reply
Yolks
AUTHOR
22:31:00, 20 thg 9, 2011

:1) anh xem nhé , em đang có sự kiện thiếu code này là ko xong , và code kia em nhờ nữa là 2 , hihi

Reply
21:28:00, 7 thg 10, 2011

Bị lỗi ở Footer khi xem các bài viết có chứa video, anh Hà xem giùm:
http://www.vnenglish.info/2011/04/talking-about-family.html

Reply
23:05:00, 7 thg 10, 2011

mấy bác cho em hỏi tý: Trên template của rm, link thường đc gạch chân.Vậy em muốn loại bỏ gạch chân trên link thì lám thế nào các bác?:C)

Reply
23:20:00, 7 thg 10, 2011

làm nó là ở chỗ khi em rê chuột vào link thì nó mất phần gạch chân, còn ko rê chuột vào thì nó ko mất,thế mới đau:B)

Reply
23:23:00, 7 thg 10, 2011

@Quang Dùng CSS này:

.post a,.meta_comments a, .jump-link a, #blog-pager a {text-decoration:none}

Reply
23:25:00, 7 thg 10, 2011

@Quang Còn nếu muốn tụi link này hover có gạch chân thì thêm CSS này:
.post a:hover,.meta_comments a:hover, .jump-link a:hover, #blog-pager a:hover {text-decoration:none}

Reply
13:21:00, 22 thg 11, 2011

Thank bạn Hà hết cỡ nè: blog mình chuyên nhúng minh họa kiểu cổ điển [Blogspot] thấy chậm. Nay lại "XXXXXXXXXX" rất nhanh. http://vnbacklink.blogspot.com

Reply
14:41:00, 28 thg 11, 2011

Anh Hà ơi?có cách nào chỉ cần chèn code [id]Tênphim;linkyoutube[/id] vào bài viết ko?chứ nếu chèn bằng <script> nó dài quá.anh xem nâng cấp code nhé?:D)

Reply
22:58:00, 28 thg 10, 2016

tôi mệt mỏi, chán ghét cs này

cách trị mụn

Reply
21:10:00, 30 thg 11, 2016

ông a có một ty xanh ngát xanh


Manchester United

Reply
Nội quy! Đóng lại Khi bạn viết bình luận, cần tuân thủ một số quy tắc sau:
» Bình luận phải nghiêm túc và không chứa các liên kết quảng cáo.
» Có thể sử dụng các thẻ <b> … </b>,<i> … </i>, <a href="URL..."> ... </a>.
» Yêu cầu thủ thuật tại mục Yêu cầu thủ thuật hoặc hỏi tại mục Hỏi và Đáp.
More →
Chữ đậm Chữ nghiêng Chữ nghiêng 2 Chèn Link Chèn Link Mã hóa code Help ?Nhấn vào biểu tượng hoặc kiểu chữ hoặc chèn link sau đó nhấn nút Chọn rồi copy (Ctrl + C) để paste (Ctrl + V) vào khung viết bình luận. Mã hóa code nếu bạn muốn đưa code vào bình luận.

Chọn Xóa

Next post: Bài đăng Mới hơn

Previous post: Bài đăng Cũ hơn