优酷视频手机电脑同步站自适应宽高度的方法!
2017-12-29 15:53
555 查看
把下面的红色的地址换成你优酷的视频地址:
<iframe id="video" width="100%" src="http://player.youku.com/embed/XOTU2MTE1MDQw" frameborder="0" allowfullscreen=""></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>
这样就可以实现电脑手机站视频自适应大小了
<iframe id="video" width="100%" src="http://player.youku.com/embed/XOTU2MTE1MDQw" frameborder="0" allowfullscreen=""></iframe>
<script type="text/javascript">document.getElementById("video").style.height=document.getElementById("video").scrollWidth*0.8+"px"</script>
这样就可以实现电脑手机站视频自适应大小了
相关文章推荐
- 自适应电脑、手机和iPad的网页设计方法
- 如何制作一个自适应手机、电脑、ipad的网页方法总结
- Mac电脑使用:通过Mac电脑导出iPhone手机里面的视频(不是iTunes导出视频的方法)
- 个人站点分享优酷视频,手机打不开解决方法
- Discuz! X3在手机版中播放诸如优酷之类视频的方法
- 苹果手机iPhone平板电脑iPAD视频MOV文件损坏修复方法案例
- Mac电脑使用:通过Mac电脑导出iPhone手机里面的视频(不是iTunes导出视频的方法)
- 用手机wifi看你电脑里视频听MP3的方法
- WP7手机和电脑同步视频教程
- 电脑/华为安卓手机 观看Coursera上视频无法播放解决方法
- 技术三等奖:用手机Wi-Fi看你电脑里视频听MP3的方法【评委点评】
- 手机qq 聊天记录 同步到电脑qq上
- asp.net中iframe框架自适应高度的一种解决方法
- (原创)iOS中cell高度自适应方法UITableView设置
- javascrit(js)判断是手机还是电脑访问页面-两种方法
- grid(datagrid、treegrid)自适应高度和宽度解决方法
- HTML5 移动页面自适应手机屏幕四类方法
- grid(datagrid、treegrid)自适应高度和宽度解决方法
- ppc手机用蓝牙和电脑同步上网设置教程
- 屏蔽优酷和土豆等视频网站的广告的方法