2014年1月30日

[转载]HTML5 Audio/Video 标签,属性,方法,事件汇总

摘要: 标签属性:src:音乐的URLpreload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条 标签属性:src:视频的URLposter:视频封面,没有播放时显示的图片preload:预加载autoplay:自动播放loop:循环播放controls:浏览器自带的控制条width:视频宽度height:视频高度获取HTMLVideoElement和HTMLAudioElement对象//audio可以直接通过new创建对象Media = new Audio("http://www.abc.com/test.mp3");//audio和 阅读全文

posted @ 2014-01-30 19:55 iackjee 阅读(167) 评论(0) 推荐(0) 编辑

[转载]html5直接在网页上播放视频音频兼容所有浏览器

摘要: 文章给大家分享一个html5直接在网页上播放视频兼容所有浏览器,有需要的同学可参考。HTML5可以用video标签来播放视频当前,video 元素支持三种视频格式:格式IEFirefoxOperaChromeSafariOggNo3.5+10.5+5.0+NoMPEG49.0+NoNo5.0+3.0+WebMNo4.0+10.6+6.0+NoOgg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的MPEG4 文件WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件列: Y... 阅读全文

posted @ 2014-01-30 16:38 iackjee 阅读(457) 评论(0) 推荐(0) 编辑

[转载]12款很棒的浏览器兼容性测试工具推荐

摘要: 原文地址:http://www.cnblogs.com/lhb25/archive/2011/07/18/testing-cross-browser-compatability-tools.html对于前端开发工程师来说,确保代码在各种主流浏览器的各个版本中都能正常工作是件很费时的事情,幸运的是,有很多优秀的工具可以帮助测试浏览器的兼容性,让我们一起看看这些很棒的工具。Spoon Browser Sandbox点击你需要测试的浏览器环境,安装插件就可以进行测试了。帮助你测试网页在Safari、Chrome、Firefox和Opera浏览器中是否正常,IE以前也有的,网站上说应微软的要求去掉了。 阅读全文

posted @ 2014-01-30 16:33 iackjee 阅读(225) 评论(0) 推荐(0) 编辑

[转载]在網頁上加入HTML5 的Video Tag,直接播放MP4、OGG…等

摘要: 在之前有一篇文章提到HTML5(為何iPhone,iPod,iPad不支援Flash,HTML5將更普及於網路世界!!)的重要性,而Html 5的主要革新是在他的語意標籤,像是、、、、和這些,一看就知道是用在何處的標籤,將是Html 5的主要特色之一,今天我們要介紹的是這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片,這是一個錯誤的觀念,如果你真是這麼認為,下方有解說。本文章節:一、將影片轉成MP4、OGG、Webm二、讓Internet Explorer支援Htnl5三、在網頁上加入HTML 5 的Video Tag,播放影片四、效果展示五、範例檔下載事實上,HTML 5是不能播影片 阅读全文

posted @ 2014-01-30 13:57 iackjee 阅读(2118) 评论(0) 推荐(0) 编辑

[转载]iframe跨域

摘要: 最近做的一个项目中需要ajax跨域取得数据,如果是在本域中确实没有问题,但是放到二级域和其他域下浏览器直接就弹出提示框:“该页正在访问其控制范围之外的数据,这有些危险,是否继续"1.什么引起了ajax跨域不能的问题ajax本身实际上是通过XMLHttpRequest对象来进行数据的交互,而浏览器出于安全考虑,不允许js代码进行跨域操作,所以会警告。2.有什么完美的解决方案么?没有。解决方案有不少,但是只能是根据自己的实际情况来选择。具体情况有:一、本域和子域的相互访问: www.aa.com和book.aa.com二、本域和其他域的相互访问: www.aa.com和www.bb.co 阅读全文

posted @ 2014-01-30 02:45 iackjee 阅读(279) 评论(0) 推荐(0) 编辑

jQuery,javascript获得网页的高度和宽度

摘要: 网页可见区域宽: document.body.clientWidth网页可见区域高: document.body.clientHeight网页可见区域宽: document.body.offsetWidth (包括边线的宽)网页可见区域高: document.body.offsetHeight (包括边线的高)网页正文全文宽: document.body.scrollWidth网页正文全文高: document.body.scrollHeight网页被卷去的高: document.body.scrollTop网页被卷去的左: document.body.scrollLeft网页正文部分上: w 阅读全文

posted @ 2014-01-30 01:56 iackjee 阅读(231) 评论(0) 推荐(0) 编辑

导航