文档章节

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

lilugirl
 lilugirl
发布于 2015/04/10 17:42
字数 128
阅读 24
收藏 0

#程序员薪资揭榜#你做程序员几年了?月薪多少?发量还在么?>>>

代码实例

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);

  }



© 著作权归作者所有

lilugirl
粉丝 103
博文 500
码字总数 142495
作品 0
杨浦
程序员
私信 提问
加载中

评论(0)

响应式 Web 设计技巧

什么是响应式设计? iOS 和 Android 的发布,智能手机、平板电脑、智能家电等新设备层出不穷,极大便利了我们的生活,但面对形形色色的终端设备,千差万别的屏幕分辨率,给网页设计带来了新的...

凡尘里的一根葱
2015/11/24
178
0
移动端H5页面的设计稿尺寸大小规范

当我们在做手机端H5网页设计稿时(当然包含微信端的H5网页设计),如果没有做过类似的移动端的设计,UI设计师和前端工程师肯定会纠结的。如果是app设计师,就不会那么纠结啦。 那么多手机屏幕...

osc_65e48kpp
2019/03/11
4
0
什么是响应式Web设计?怎样进行?

说正事儿。准备在近期的几篇里集中翻译学习一下"响应式Web设计"的相关话题,包括概念、实践方式、案例及观点讨论等方面。相比于从前做的文档译文,这些文章篇幅要长的多(甚至要加分页了!),...

山哥
2012/02/28
164
0
2018-05-21 响应式设计

1.什么是响应式设计? 让一个网站可以兼容不同分辨率的设备。 给用户更好的视觉使用体验。 2.诞生背景 在智能手机还未普及之前,平板电脑之类的终端更没有普及,我们所浏览的网页大多都是通过...

瑾瑜爱上猫
2018/05/21
0
0
「前端」webp图片适配流量优化

本文来自尚妆前端团队南洋 发表于尚妆博客,欢迎订阅。 图片流量优化 刷新一个页面消耗的流量除了脚本样式文件以外,大头其实在下载的图片。一张图片动辄几十kb,想尽办法优化样式、脚本文件...

尚妆产品技术刊读
2017/02/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

君子动手不动口,阿里云喊你做云上体验官啦!

想要免费搭建云上博客?想要玩转全云端开发?想要挑战AI经典命题?想要7天进阶成为云计算专家?想要初始化你的云原生工程?快来阿里云 Hands-on Labs! Hands-on Labs 是阿里云全新推出的云上...

osc_18ydlfr7
19分钟前
16
0
CAD图纸转换成图片格式后,如何快速分享给同事?

我们常见的图片格式有PNG与JPG两种,这两种图片在很多平台上都能兼容,所以使用的几率特别高,很多办公室人员都会遇到把CAD图纸转换成PNG与JPG格式的工作。那么我们把CAD图纸转换成图片格式后...

真不莲
21分钟前
25
0
测试真的是一个无聊又没前途的岗位吗?是吗?不是吗?

同事小王:你第一份工作同事咋样?为什么离职? 测试小张:第一份工作就是测试,微软外包。别人在测试完了以后不知道干嘛,我抓紧时间看vs的源代码,抓紧时间看pheonix的源代码,抓紧时间看微...

osc_3zq7ptf4
21分钟前
13
0
怎么在电脑上进行视频截图?视频截图的简单步骤介绍

怎么在电脑上进行视频截图?小编最近在网上看到不少关于郑爽的话题文章,而不少文章都是通过视频截图的形式把她以前的影视作品截图下来,然后对她的演技和人品进行议论和评判。如果大家也想对...

玛哈菲亚
21分钟前
20
0
CAAI云课堂丨第十三期,北京交通大学人工智能研究院院长于剑开讲

     开启云端互动,CAAI带你与名师面对面。中国人工智能学会积极探索学术交流创新模式,围绕AI+学术、AI+技术以屏幕架起连接智能科技知识的桥梁,探索新型模式,开设CAAI云课堂等系列活...

osc_j5pkc521
22分钟前
17
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部