Reply to post - Diễn Đàn MBox360.Mobie.In

Home · Đăng nhập · Đăng kí

Hãy nhanh tay Đăng kí và Đăng nhập để trở thành thành viên chính thức của MBox360.Mobie.In và cùng thảo luận!

Đăng kí làm thành viên · Quên MK?

Diễn đàn » Wap/Web Master » Share Code » [Wap4] Xem trước video trên pack 1 » Trích dẫn

Mr.Seo (Admin) [Off]

14-08-2016

Ở pack 1, là grab youtube.

Để có thể chèn thêm tính năng xem trước video ngay trên wap ta làm như sau.

1, file /js/suggest.js
thêm code sau bên dưới.

$("#preview").on("click",function() {
      var video_id = $(this).attr('data-video-id');

      $(this).replaceWith( '<iframe width="300" height="185" src=\"https://www.youtube.com/embed/'+video_id+'?autoplay=1" frameborder="0" allowfullscreen></iframe>');
    });

});

Ỡ file xem /video
sửa hình ảnh img thành

demo: http://tiaxgame.ga

Chia sẻ by: tiaxgame - AiChat.Wap.Sh

#9 Quote (0)

Ở pack 1, là grab youtube.<br />
<br />
Để có thể chèn thêm tính năng xem trước video ngay trên wap ta làm như sau.<br />
<br />
1, file /js/suggest.js<br />
thêm code sau bên dưới.<br />
<div class="bbcode_code"><code><span style="color: #000000">$("#preview").on("click",function()&nbsp;{<br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;var&nbsp;video_id&nbsp;=&nbsp;$(this).attr('data-video-id');<br /><br />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;$(this).replaceWith(&nbsp;'&lt;iframe&nbsp;width="300"&nbsp;height="185"&nbsp;src=\"https://www.youtube.com/embed/'+video_id+'?autoplay=1"&nbsp;frameborder="0"&nbsp;allowfullscreen&gt;&lt;/iframe&gt;');<br />&nbsp;&nbsp;&nbsp;&nbsp;});<br /><br />});</span></code><hr><a href="http://mbox360.mobie.in/index/__xt/post-oon8wg4ki2cqrt9e14a6ddwv8eo4sq2kyzb9m1.html?copy_code=1">Copy code</a></div><br />
<br />
Ỡ file xem /video<br />
sửa hình ảnh img thành<br />
<div class="bbcode_code"><code><span style="color: #000000">&lt;img&nbsp;src="{{&nbsp;data.thumb_url&nbsp;}}"&nbsp;alt="{{&nbsp;fulltitle&nbsp;}}&nbsp;thumbnail"&nbsp;id="preview"&nbsp;data-video-id="{{&nbsp;data.video_id&nbsp;}}"&nbsp;/&gt;</span></code><hr><a href="http://mbox360.mobie.in/index/__xt/post-oon8wg4ki2cqrt9e14a6ddwv8eo4sq2kyzb9m1.html?copy_code=1">Copy code</a></div><br />
<br />
demo: <a href="http://tiaxgame.ga">http://tiaxgame.ga</a><br />
<br />
Chia sẻ by: tiaxgame - AiChat.Wap.Sh

Trích dẫn

Online: [0]Khách: [1]

MBox360..!

Thiết kế bởi Black

-->