文档章节

根据屏幕尺寸重写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
粉丝 94
博文 391
码字总数 107953
作品 0
杨浦
程序员
私信 提问
响应式 Web 设计技巧

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

凡尘里的一根葱
2015/11/24
129
0
「前端」webp图片适配流量优化

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

尚妆产品技术刊读
2017/02/28
0
0
Glide 这样用,更省内存!!!

一、前言 Glide 是 Google 官方推荐的一款图片加载库,使用起来也非常的简单便利,Glide 它帮我们完成了很多很重要,但是却通用的功能,例如:图片的加载压缩、展示、加载图片的内存管理等等...

承香墨影
2017/09/30
0
0
HTML5 视频转换软件 Freemake Video Converter

HTML5的Video标签可以说算是HTML5的重头戏,各大浏览器都纷纷响应,现代浏览器都能支持Video标签,基于Video标签的播放器也越来越多,但问题是每个浏览器所支持的视频格式不同,想在各大浏览...

海纳百川
2013/01/14
0
1
什么是响应式Web设计?怎样进行?

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

山哥
2012/02/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

Supplier函数式接口

Supplier接口的不传入参数,返回一个值。真是一个无私奉献的接口,还没有default方法。 下面就想用一个接口试试,其实我本来用的是IntSupplier,但是发现在使用方法引用的时候,不好把Math....

woshixin
12分钟前
0
0
MyBaties一级缓存

一、一级缓存简介 在系统代码的运行中,我们可能会在一个数据库会话中,执行多次查询条件完全相同的Sql,鉴于日常应用的大部分场景都是读多写少,这重复的查询会带来一定的网络开销,同时sel...

嘴角轻扬30
19分钟前
0
0
jquery

语法 描述 实例 $("*") 选取所有元素 在线实例 $(this) 选取当前 HTML 元素 在线实例 $("p.intro") 选取 class 为 intro 的 <p> 元素 在线实例 $("p:first") 选取第一个 <p> 元素 在线实例 ...

mskk
24分钟前
1
0
微信红包设计方案

前言 微信红包一经推出,春节期间微信用户红包总发送量达80.8亿,红包峰值40.9w/秒,在如此量级下,系统设计存在各种变数,稍有闪失会功亏一篑。 红包系统 红包系统有三部分组成:信息流,业...

春哥大魔王的博客
34分钟前
1
0
微信开发-正式号的配置

1、设置相关 业务域名的设置(不设置的话,相关页面会显示防欺诈盗号信息提示) JS接口安全域名设置 网页授权域名设置 注意:以上三个设置中都有下载文件的提示,此文件内容一样,下载一个即可...

Code辉
40分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部