× İletişim Formu Blogger Mobil Uyumlu Youtube Video Eklenlentisi Arlina Design 1/01/2018 Etiketler : javaScript Arlina Design <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Blogger Eklentileri --> <title>Blogger Mobil Uyumlu Youtube Video Iframe Eklenlentisi</title> <!-- Blogger Eklentileri --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <!-- Blogger Eklentileri --> <!-- Blogger Eklentileri --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> body {padding-bottom: 60px;} </style> </head> <body> <h1 class="text-center"><strong>Blogger Mobil Uyumlu Youtube Video Iframe Eklenlentisi</strong></h1> <h2 class="text-center">YouTube iframe embed</h2> <div class="container"> <div class="row"> <h3><a class="btn btn-default btn-sm" href="http://bloggereklentileri.blogspot.com/2016/12/blogger-mobil-uyumlu-youtube-video.html" title="Sayfaya geri dön">Sayfaya geri dön</a></h3> </div> </div> <hr> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> <iframe width="560" height="315" src="https://www.youtube.com/embed/-pUhraVG7Ow" frameborder="0" allowfullscreen></iframe> <hr> <iframe width="560" height="315" src="https://www.youtube.com/embed/-gEFv58vt2w" frameborder="0" allowfullscreen></iframe> <hr> <iframe width="560" height="315" src="https://www.youtube.com/embed/aAhPaiajwDY" frameborder="0" allowfullscreen></iframe> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(document).ready(function() { $('iframe[src*="youtube.com"]').wrap('<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%"></div>'); $('iframe[src*="youtube.com"]').css({ "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "border": "0" }); $('iframe[src*="youtube.com"]').each(function() { $(this).attr("data-src", $(this).attr("src")); $(this).attr("src", "") }); }); function init() { var vidDefer = document.getElementsByTagName('iframe'); for (var i = 0; i< vidDefer.length; i++) { if (vidDefer[i].getAttribute('data-src')) { vidDefer[i].setAttribute('src', vidDefer[i].getAttribute('data-src')); } } } window.onload = init; </script> </body> </html> YENİ YAYIN ÖNCEKİ YAYIN "Blogger Mobil Uyumlu Youtube Video Eklenlentisi" 0 Yorum yapıldı. Yorum Gönder Sonraki Kayıt Ana Sayfa Kaydol: Kayıt Yorumları (Atom) ×
Blogger Mobil Uyumlu Youtube Video Eklenlentisi Arlina Design 1/01/2018 Etiketler : javaScript Arlina Design <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Blogger Eklentileri --> <title>Blogger Mobil Uyumlu Youtube Video Iframe Eklenlentisi</title> <!-- Blogger Eklentileri --> <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet"> <!-- Blogger Eklentileri --> <!-- Blogger Eklentileri --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> <style> body {padding-bottom: 60px;} </style> </head> <body> <h1 class="text-center"><strong>Blogger Mobil Uyumlu Youtube Video Iframe Eklenlentisi</strong></h1> <h2 class="text-center">YouTube iframe embed</h2> <div class="container"> <div class="row"> <h3><a class="btn btn-default btn-sm" href="http://bloggereklentileri.blogspot.com/2016/12/blogger-mobil-uyumlu-youtube-video.html" title="Sayfaya geri dön">Sayfaya geri dön</a></h3> </div> </div> <hr> <div class="container"> <div class="row"> <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1"> <iframe width="560" height="315" src="https://www.youtube.com/embed/-pUhraVG7Ow" frameborder="0" allowfullscreen></iframe> <hr> <iframe width="560" height="315" src="https://www.youtube.com/embed/-gEFv58vt2w" frameborder="0" allowfullscreen></iframe> <hr> <iframe width="560" height="315" src="https://www.youtube.com/embed/aAhPaiajwDY" frameborder="0" allowfullscreen></iframe> </div> </div> </div> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <script> $(document).ready(function() { $('iframe[src*="youtube.com"]').wrap('<div style="position:relative;padding-bottom:56.25%;height:0;overflow:hidden;margin:0 auto;width:100%"></div>'); $('iframe[src*="youtube.com"]').css({ "position": "absolute", "top": "0", "left": "0", "width": "100%", "height": "100%", "border": "0" }); $('iframe[src*="youtube.com"]').each(function() { $(this).attr("data-src", $(this).attr("src")); $(this).attr("src", "") }); }); function init() { var vidDefer = document.getElementsByTagName('iframe'); for (var i = 0; i< vidDefer.length; i++) { if (vidDefer[i].getAttribute('data-src')) { vidDefer[i].setAttribute('src', vidDefer[i].getAttribute('data-src')); } } } window.onload = init; </script> </body> </html>
Yorum Gönder