html5移动端引入优酷视频iframe自适应
来源:互联网 发布:音频软件有哪些 编辑:程序博客网 时间:2024/06/13 20:56
1、要引入的视频
<iframe height=498 width=510 src="http://player.youku.com/embed/XMTI4MjU5OTA3Mg==" frameborder=0 allowfullscreen></iframe>
2、css里设置iframe的宽度为100%
3、根据屏幕宽度自适应,这里我设定视频16/9的固定比例
window.onload = window.onresize = function () { resizeIframe();}var resizeIframe=function(){ var bodyw=document.body.clientWidth; for(var ilength=0;ilength<=document.getElementsByTagName("iframe").length;ilength++){ document.getElementsByTagName("iframe")[ilength].height = bodyw*9/16;//设定高度 }}
0 0
- html5移动端引入优酷视频iframe自适应
- iFrame 移动端自适应
- 移动终端html5自适应解决方案
- 使用 iframe 引用优酷和土豆和腾讯视频,支持 HTML5 手机 播放
- webview中优酷视频iframe自适应屏幕宽度
- 移动页面自适应手机屏幕宽度HTML5开发
- 移动页面HTML5自适应手机屏幕宽度
- 移动页面HTML5自适应手机屏幕宽度
- 移动页面HTML5自适应手机屏幕宽度
- html5 video视频标签自适应手机样式
- 移动端HTML5<video>视频播放优化实践
- 移动端HTML5<video>视频播放优化实践
- 移动端HTML5<video>视频播放优化实践
- 移动端HTML5音频与视频问题及解决方案
- 移动端HTML5<video>视频播放优化实践
- 移动端HTML5音频与视频问题及解决方案
- ueditor引入通用优酷视频
- iframe自适应
- Java中final的使用
- Linux-bash-快捷键
- servlet中获取spring管理的bean
- Java基础知识
- Linux学习日志--共享内存
- html5移动端引入优酷视频iframe自适应
- .和->用法上的区别
- Median of Two Sorted Arrays
- Palindrome Linked List
- 【最短路】poj2457 SPFA+记录路径
- 安装VMware Tools
- TJU-3977-Probability I(概率DP)
- 关于mac上xcoed6删除模拟器的方法
- Gradle DSL method not found: 'runProguard()'