[FMvi-Group] Tạo danh sách phát video Youtube

[baivong]

Giới thiệu: Code này sẽ giúp bạn tạo ra một danh sách phát youtube rất tiện lợi cho những forum có nhu cầu gửi nhiều video Youtube cùng một lúc. Ưu điểm so với cách gửi video bằng BBcode Youtube thông thường:

• Chấp nhận mọi định dạng liên kết từ youtube.
  
• Cách thức gửi đơn giản nhanh chóng chỉ bằng liên kết.
  
• Chỉ tải một video đầu tiên lúc khởi động nên không làm chậm forum.
  
• Giao diện đen chuyên nghiệp, tự thay đổi kích thước theo chiều rộng forum.
  
• Dùng được cho tất cả phiên bản Forumotion: phpBB2, phpBB3, punBB, Invision

Demo Online: [You must be registered and logged in to see this link.]
Hướng dẫn: ACP - Modules - HTML & JAVASCRIPT - Javascript codes management:

• Title * : Danh sách phát video Youtube
  
• Placement : In all pages
  
• Javascript Code * : [You must be registered and logged in to see this link.]

Cách sử dụng:
Đặt liên kết Youtube vào BBcode table như sau:

Code:

[table class=youtube width=100% border=0][tr][td]http://youtu.be/pD4ussn42BU
http://www.youtube.com/watch?v=xHN3Nr1QB5U
http://www.youtube.com/watch?v=yl3JjWl6sYI&feature=related
http://www.youtube.com/embed/JPHdBt5Aa1c
http://www.youtube.com/v/b1j8juR5JPk
https://youtu.be/YKj-pG_cyWY
[/td][/tr][/table]

Bạn cũng có thể dùng nhanh BBcode này qua một button nằm bên trái BBcode Other

Chú ý: Bạn cần cập nhật Templates header : [You must be registered and logged in to see this link.] Tắt WYSIWYG (Nút a/A màu trắng) mới thấy được button Youtube.

Viết bởi baivong - [You must be registered and logged in to see this link.]

[nguyenhoang21]

code hay thaks Bóc tem

[†iến Angel]

hẻ kí file code e k mở đk

[baivong]

Mở bằng notepad

[taulai]

Có thể áp dụng code này ở trang Index ko, và chỉnh độ dài rộng của video trên như thế nào?
Hướng dẫn giúp với.
Thanks chủ thớt

[baivong]

Có thể đặt ở Index, còn độ dài rộng tự động căn theo độ rộng của forum, có thể xem code chi tiết tại [You must be registered and logged in to see this link.]

[†iến Angel]

her e k bk mở bằng notepad...chỉ e vs

[†iến Angel]

ak e mở đk rồi...Nhưng e k hiểu cái bước cách sử dụng bỏ code vào đâu...e làm đúng như thế nhưng sao nó vẫn k hiện a nak

[hunghsmn]

Hay! hay! hay! Chộp liền., + liền.
Xem thêm tootip nè
[You must be registered and logged in to see this image.]

[baivong]

ak e mở đk rồi...Nhưng e k hiểu cái bước cách sử dụng bỏ code vào đâu...e làm đúng như thế nhưng sao nó vẫn k hiện a nak

Sau khi mở file đó ra bạn chép toàn bộ code vào vị trí trong hướng dẫn.

[Trọng Tuấn]

Hàng này nặng rồi, forum mình xài quá nhiều JS

[baivong]

Hàng này nặng rồi, forum mình xài quá nhiều JS

Cái này gọi là tham thì thâm, chớ trách chi ai

[quangtrung_it]

tk's baivong nhé

[trangtran]

có cách nào làm cái khung chứ các clip youtube cao lên hơn không. Của mình chỉ hiện có 2 clip youtube trong ô đó thôi

[dptlong]

Sao nó ra kỳ vậy nhĩ
[You must be registered and logged in to see this image.]

[baoden.mango]

code js cho những ai mở hk ra file

Code:

$(function(){$("<button class=\"button2\" onmouseover=\"helpline('Danh sách phát video Youtube')\" type=\"button\" onclick=\"bbfontstyle('[table class=youtube width=100% border=0][tr][td]','[/td][/tr][/table]');return false\"><img src=\"http://2img.net/i/fa/wysiwyg/logo_youtube.gif\" height=\"16px\"/></button> <img src=\"http://2img.net/i/fa/wysiwyg/separator.png\" style=\"vertical-align: middle;\">").insertBefore("span#text_edit input.button2[value='Others']");$("table.youtube a[href^='http'][href*='youtu'][href*='be']").each(function(){var abv;if(this.href.indexOf("http://www.youtube.com/watch?v=")==0){abv=31}else if(this.href.indexOf("http://youtu.be/")==0){abv=16}else if(this.href.indexOf("http://www.youtube-nocookie.com/embed/")==0){abv=38}else if(this.href.indexOf("http://www.youtube-nocookie.com/v/")==0){abv=34}else if(this.href.indexOf("http://www.youtube.com/embed/")==0){abv=29}else if(this.href.indexOf("http://www.youtube.com/v/")==0){abv=25}else if(this.href.indexOf("https://www.youtube.com/watch?v=")==0){abv==32}else if(this.href.indexOf("https://youtu.be/")==0){abv=17}else if(this.href.indexOf("https://www.youtube-nocookie.com/embed/")==0){abv=39}else if(this.href.indexOf("https://www.youtube-nocookie.com/v/")==0){abv=35}else if(this.href.indexOf("https://www.youtube.com/embed/")==0){abv=30}else if(this.href.indexOf("https://www.youtube.com/v/")==0){abv=26};var youtubefmvi=this.href.slice(abv,abv+11);$(this).replaceWith('<img class="imgytbfmvi" style="padding: 5px" width="120px" height="90px" src="http://img.youtube.com/vi/'+youtubefmvi+'/1.jpg"/>')});$("table.youtube").each(function(){$('<div align="center" style="background: url(http://chimcanhcut.info/wordpress/wp-content/themes/evolve/library/media/images/dark/content-dark.jpg) repeat scroll 0 0 #000000; border: 1px solid black; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 3px #999999; height: auto !important; left: 5px; margin: 10px 0 15px 5px; min-height: 40px; overflow: visible; padding: 10px; position: relative; top: 6px; width: 95%; "><span height="208px" width="130px" class="listimgtube"><marquee style="padding: 0 0 2px 0; overflow: hidden;" onmouseover="this.stop()" onmouseout="this.start()" class="listytbfmvi" height="208px" width="130px" scrollamount="5" direction="up" behavior="alternate"></marquee></span></div>').insertBefore($(this).children().children().children().children("img.imgytbfmvi:first"))});$("img.imgytbfmvi").each(function(){$(this).prependTo($(this).parent().children("div:first").children("span.listimgtube").children("marquee.listytbfmvi"));$("marquee.listytbfmvi img.imgytbfmvi").css('display','block')});$("span.listimgtube").each(function(){var fisrtytbfmvi=$(this).children().children("img.imgytbfmvi:first").attr("src").slice(26,37);var codeytbfmvi='http://www.youtube.com/v/'+fisrtytbfmvi+'?version=3&hl=en_US&rel=0';$('<span class="videoytmfmvi" style="width:350px; height:208px"><object width="350px" height="208px"><param name="movie" value="'+codeytbfmvi+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+codeytbfmvi+'" type="application/x-shockwave-flash" width="350px" height="208px" allowscriptaccess="always" allowfullscreen="true"></embed></object></span>').insertAfter(this)});$("img.imgytbfmvi").click(function(){var Vwidthtopic=$(this).parent().parent().parent().parent().parent().parent().parent().parent().width();if(Vwidthtopic>=500&&Vwidthtopic<1024){var Vwytbfmvi=Vwidthtopic/100*70;var Vhytbfmvi=Vwytbfmvi/1.77777;$(this).parent().css({'width':'130px','height':Vhytbfmvi})}else if(widthtopic>=1024){$(this).parent().css({'width':'130px','height':'480px'})};var lastytbfmvi=$(this).attr("src").slice(26,37);var Vcodeytbfmvi='http://www.youtube.com/v/'+lastytbfmvi+'?version=3&hl=en_US&rel=0&autoplay=1';$(this).parent().parent().next("span.videoytmfmvi").html('<object width="'+Vwytbfmvi+'" height="'+Vhytbfmvi+'"><param name="movie" value="'+Vcodeytbfmvi+'"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="'+Vcodeytbfmvi+'" type="application/x-shockwave-flash" width="'+Vwytbfmvi+'" height="'+Vhytbfmvi+'" allowscriptaccess="always" allowfullscreen="true"></embed></object>')});$("object, embed").each(function(){var widthtopic=$(this).parent().parent().parent().parent().parent().parent().parent().parent().width();if(widthtopic>=500&&widthtopic<1024){var wytbfmvi=widthtopic/100*70;var hytbfmvi=wytbfmvi/1.77777;$(this).css({'width':wytbfmvi,'height':hytbfmvi});$(this).parent().parent().prev().children().css({'width':'130px','height':hytbfmvi})}else if(widthtopic>=1024){$(this).css({'width':'853px','height':'480px'});$(this).parent().parent().prev().children().css({'width':'130px','height':'480px'})}})});

[dptlong]

Sao nó lại có 2 khung xem, nhưng khi click vào video thì chỉ có khung trên chạy thôi
[You must be registered and logged in to see this image.]

[baivong]

Sao nó lại có 2 khung xem, nhưng khi click vào video thì chỉ có khung trên chạy thôi
[You must be registered and logged in to see this image.]

Chắc do bạn dùng 2 script chạy link youtube hoặc là bạn chèn flash youtube. Có lẽ mình sẽ viết lại code thanh cuộn

[dptlong]

ko hỉu cho lắm "hoặc là bạn chèn flash youtube"

[baivong]

ko hỉu cho lắm "hoặc là bạn chèn flash youtube"

Tức là BBcode youtube ấy, nhưng mình nghĩ là do bạn có dùng 1 script chuyển link youtube khác.

[dptlong]

Mới vào bài viết thì nó như vầy
[You must be registered and logged in to see this image.]

còn sau khi đã chon 1 video thì nó lại trở về bình thường hoặc khi xem trước bài viết thì nó cũng bình thường

[You must be registered and logged in to see this image.]

[dptlong]

Khi chọn Javascript chỉ hiện ở viewtopic thì nó sẽ bình thường, còn nếu chon Allpage thì nó sẽ bị như trên. như thế thì khi chỉ chọn hiện ở Viewtopic thì phần xem lại bài viết JV sẽ không chạy hơ.....bó tay

[baivong]

Xem phiên bản mới tại: [You must be registered and logged in to see this link.]

[Sponsored content]