文档章节

根据屏幕尺寸重写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
博文 385
码字总数 106460
作品 0
杨浦
程序员
响应式 Web 设计技巧

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

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

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

尚妆产品技术刊读
2017/02/28
0
0
【前端安全】JavaScript防http劫持与XSS

作为前端,一直以来都知道与(Cross-site scripting)、(Cross-site request forgery)。但是一直都没有深入研究过,前些日子同事的分享会偶然提及,我也对这一块很感兴趣,便深入研究了一番...

chokcoco
2016/08/16
0
0
HTML5 视频转换软件 Freemake Video Converter

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

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

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

山哥
2012/02/28
0
0

没有更多内容

加载失败,请刷新页面

加载更多

wordpress 汉化

在 wp-config.php 添加 define('WPLANG','zh_CN'); 在后台,更新 now ,即可。

james_laughing
21分钟前
0
0
Android JNI开发系列(十一) JNI 访问父类的构造方法和父类实例方法

JNI 访问父类的构造方法和父类实例方法 构造方法和父类实例方法 先看一段Java代码, Java package org.professor.jni.animal;import android.util.Log;public class Animal {protecte...

蔡小鹏
28分钟前
1
0
腾讯投资最高1.75亿美元正式进军菲律宾移动支付市场

菲律宾长途电话公司(PLDT)公司今日宣布,中国互联网巨头腾讯和私募股权公司KKR将获得该公司旗下金融科技公司Voyager Innovations的少数股权。 PLDT在一份声明中称:“腾讯和KKR最多将分别收...

linuxCool
55分钟前
2
0
正则介绍及grep/egrep用法

10月16日任务 9.1 正则介绍_grep上 9.2 grep中 9.3 grep下 扩展 把一个目录下,过滤所有*.php文档中含有eval的行 grep -r --include="*.php" 'eval' /data 正则介绍 正则就是一串有规律的字符...

hhpuppy
今天
3
0
J2Cache 中使用 Lettuce 替代 Jedis 管理 Redis 连接

一直以来 J2Cache 都是使用 Jedis 连接 Redis 服务的。Jedis 是一个很老牌的 Redis 的 Java 开发包,使用很稳定,作者维护很勤勉,社区上能搜到的文章也非常非常多。算是使用范围最广的 Redi...

红薯
今天
18
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部