根据屏幕尺寸重写iframe中video的尺寸-当页面需要全部加载后才能判断的情况

2019-05-26 20:36:50 浏览数 (1)

代码实例

代码语言:javascript复制
function sleepcheckvideo(){
   // alert('here is a function');
    setTimeout(function() { 


       if(screen.width<768 ){
       //  alert("这是手机");
        if(document.body.clientWidth>window.screen.width){
         // alert("屏幕是横着放的");
        if($(".lesson-content-text-body")){
           alert('为了更好的用户体验,请将手机垂直放置浏览课程');
         
        }
    
  
       }else{

       if($(".lesson-content-text-body")){

           if($(".lesson-content-text-body iframe").attr("width")){
               $(".lesson-content-text-body iframe").attr("width", 240);
               $(".lesson-content-text-body iframe").attr("height",160);
           }else{
              sleepcheckvideo();
           }
         
       }
   
   
      }

    }else{

     if($(".lesson-content-text-body")){

        if($(".lesson-content-text-body iframe").attr("width")){
         
           $(".lesson-content-text-body iframe").attr("width", 700);
           $(".lesson-content-text-body iframe").attr("height",400);
        }else{
          
           sleepcheckvideo();
        }
       
     }
 
  
  }


     },500);

  }

0 人点赞