× İletişim Formu Mobil uyumlu Youtube Videosu Ekleme Kodu Arlina Design 11/30/2017 Etiketler : javaScript Arlina Design <!DOCTYPE html> <html> <head> <style> .embed-responsive{position:relative;display:block;height:0;padding-bottom:56.25%;overflow:hidden} .embed-responsive iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} </style> </head> <body> <div class="post-body"> <iframe src="https://www.youtube.com/embed/7Qg_n55MHs4" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script> //<![CDATA[ $(document).ready(function(){$('.post-body iframe[src*="youtube.com"]').wrap('<div class="embed-responsive"/>'),$('.post-body iframe[src*="vimeo.com"]').wrap('<div class="embed-responsive"/>')}); //]]> </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Mobil uyumlu Youtube Videosu Ekleme Kodu" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Mobil uyumlu Youtube Videosu Ekleme Kodu Arlina Design 11/30/2017 Etiketler : javaScript Arlina Design <!DOCTYPE html> <html> <head> <style> .embed-responsive{position:relative;display:block;height:0;padding-bottom:56.25%;overflow:hidden} .embed-responsive iframe{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0} </style> </head> <body> <div class="post-body"> <iframe src="https://www.youtube.com/embed/7Qg_n55MHs4" width="560" height="315" frameborder="0" allowfullscreen="allowfullscreen"></iframe> </div> <script src='https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js'></script> <script> //<![CDATA[ $(document).ready(function(){$('.post-body iframe[src*="youtube.com"]').wrap('<div class="embed-responsive"/>'),$('.post-body iframe[src*="vimeo.com"]').wrap('<div class="embed-responsive"/>')}); //]]> </script> </body> </html>
Yorum Gönder