文档章节

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

lilugirl
 lilugirl
发布于 2015/04/10 17:42
字数 128
阅读 10
收藏 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
粉丝 92
博文 373
码字总数 104583
作品 0
杨浦
程序员
响应式 Web 设计技巧

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

凡尘里的一根葱
2015/11/24
129
0
什么是响应式Web设计?怎样进行?

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

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

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

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

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

尚妆产品技术刊读
2017/02/28
0
0
Visual->UIElement->FrameworkElement,带来更多功能的同时也带来了更多的限制

在 WPF 或 UWP 中,我们平时开发所遇到的那些 UI 控件或组件,都直接或间接继承自 。例如:、、、、、、。我们总会自然而然地认为这些控件都是有大小的,它们会在合适的位置显示自己,通常不...

WPwalter
2017/11/23
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

python3.6 取整除法

python3.6 中取整除法运算逻辑如下: d 非零,那么商 q 满足这样的关系: a = qd + r ,且0 ≤ r n1=7//3#7 = 3*2 +1n2=-6.1//3#-7 = 3*(-3)+2'{},{}'.format(n1,n2) 从运行结果可以...

colinux
17分钟前
0
0
阶段总结——用虚拟机搭建一个高可用负载均衡集群架构

[toc] linux基本知识已经介绍完,现有一个业务需要操作,通过对这个项目的操作,可以复习、总结、巩固之前的知识点; ** 用13台虚拟机搭建一个高可用负载均衡集群架构出来,并运行三个站点,...

feng-01
21分钟前
0
0
mysql 设置utf8字符集 (CentOS)

1.查看数据库及mysql应用目前使用的编码方式 (1)链接mysql 客户端 (2)执行:status 结果: 2.修改mysql 应用的字符编码(server characterset ) (1)打开配置文件:vim /etc/mysql/my...

qimh
21分钟前
0
0
windows无法格式化u盘解决方法

1。点开始-运行-输入cmd-format f: /fs: fat32 (这里f:是指U盘所在盘符) 这个格式化会很慢 请耐心等待

大灰狼wow
32分钟前
0
0
MySql 8.0连接失败

原来,MySql 8.0.11 换了新的身份验证插件(caching_sha2_password), 原来的身份验证插件为(mysql_native_password)。而客户端工具Navicat Premium12 中找不到新的身份验证插件(caching_s...

放飞E梦想O
49分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部