1. Home
  2. 技術文章
  3. jQuery

嵌入影片因應RWD , 將寬高拿掉

因應RWD 有些後台需設定影片寬度時,造成跑版，故需拿掉寬度，再重新更換，新的 iframe  ＣＳＳ

<script>   
   $(document).ready(function () {        
        //修正影片寬高
        $(".fr-video").each(function () {
            var videoSource = $(this).find('iframe').attr('src');
            if (videoSource != "") {
                var _p = $(this).parent('p');
                $(_p).html('<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="' + videoSource + '" frameborder="0" allowfullscreen></iframe></div>');
            }
        });

        $("p").each(function () {
            var videoSource = $(this).find('iframe').attr('src');
            if (videoSource != "") {
                var _p = $(this).find('iframe').parent('p');
                $(_p).html('<div class="embed-responsive embed-responsive-16by9"><iframe class="embed-responsive-item" src="' + videoSource + '" frameborder="0" allowfullscreen></iframe></div>');
            }
        });    
   });
</script>

其它技術文章

聯絡方式

© 2017 台北網站設計公司 . All Rights Reserved | Design by W3layouts