html5移动端引入优酷视频iframe自适应

参照效果的网站----可点击哦(如果是你想要的效果请参照下面的教程哦)

@1   17集(三生三世) 正常的优酷网址

http://v.youku.com/v_show/id_XMjQ5OTkyNjU2NA==.html?spm=a2hww.20023042.m_223465.5~5~5~5~5~5~A&from=y1.3-idx-beta-1519-23042.223465.1-1

@2

将视频截取当前的大小,然后的参考网址//player.youku.com/embed/XMjQ5ODI1ODU2OA==

所以,我现在的网址可以变成//player.youku.com/embed/XMjQ5OTkyNjU2NA==

@3使用iframe引入

希望你们成功呀!谢谢阅读!

时间: 2024-11-03 05:42:28

html5移动端引入优酷视频iframe自适应的相关文章

HTML5 CSS3 诱人的实例 :模仿优酷视频截图功能

一般的视频网站对于用户上传的视频,在用户上传完成后,可以对播放的视频进行截图,然后作为视频的展示图.项目中也可以引入这样的功能给用户一种不错的体验,而不是让用户额外上传一张展示图. 效果图: 看起来还是很不错,下面我给大家分析下,极其核心代码很简单: _canvas = document.createElement("canvas"); _ctx = _canvas.getContext("2d"); _ctx.fillStyle = '#ffffff'; _ctx

优酷视频不能在微信浏览器不能播放的解决办法

最近写了一个页面,微信html5 分享页面,里面有四个优酷视频,同时在一个页面上. 假如直接用优酷官方的嵌入方法,会有不同手机加载不了的情况. 比如说魅族3播放不了,Nexus 5播放可以,iPhone 4 播放不了,iPhone 4s 又可以播放. 经历了无数失败之后,找到了终极的解决方法:直接用优酷隐藏的MP4 链接. 用火狐浏览器点击优酷视频,抓取隐藏的MP4格式链接. 然后直接在页面上写上html 5的video标签,完美解决!

php 获取优酷视频的真实地址(2014.6月新算法)

上个礼拜发现优酷改版了,各种过滤优酷广告的插件都失效了,于是我百度了一下(谷歌也不能用了)发现优酷改算法了,在ckplayer论坛发现有人在6月25号发了个php 的优酷代理文件,下载下来发现,能用但只能获取mp4格式的视频地址,而且php还加密了,没办法查看源码,后来通过微盾解密发现其中的源码,结合以前自己写的一个优酷视频解析类.... 感谢    3shi大大 具体分析请见 3shi大大的文章  优酷视频真实地址解析  (当然现在不能用了,主要看分析) ps.  新算法是从别人那里解密出来的

如何让自己网站播放优酷视频怎么去掉优酷广告?

如今许多公司为了宣传自己公司的个人形象,拍照了一些宣传片放在自己的公司网站上面,可是这些宣传片视频并不是直接上传,而是先把公司宣传片视频上传到优酷网上,让是让自己公司的网站播放优酷的视频,这样就不占用自个网站服务端宽带,又可以宣传自己的公司企业形象企业文化了,可是咱们在播映优酷的视频时,每次打开视频的时候就会播放30多秒钟的广告,这让用户体验一点也不好,咱们就得去掉播放的广告,下面我就就结合这个网站:翰林书画网(www.chinahanlin.org)作为事例给我们演示: 自个网站播映优酷视频去

iPhone、iPad 如何播放网页调用优酷视频?

iPhone.iPad 如何播放网页调用优酷视频? 5 条评论 分享 按投票排序按时间排序 6 个回答 赞同4反对,不会显示你的姓名 寒塘渡月,借我一生 与梦私奔 http://sometime.me 陶铖.知乎用户.范红振 等人赞同 在线视频一般都是基于flash和flv来实现的,而众所周知,iOS的safari不支持网页中的flash,但支持html5的video标记(显然这个时代苹果必须以某种方式支持网络视频),对于video标记,会在其区域上显示播放按钮,点按后进入全屏播放. 所以优酷等

优酷视频下载|优酷播放器下载

优酷网从上周开始,全站视频已经开始完美支持iPad和iPhone 4的在线视频播放服务.采用HTML5和HTTP Live Streaming技术,对苹果iOS系统实现全面的支持,并达到和PC上一样流畅而清晰的体验.这个举动势必掀起国内各大视频网站对HTML5支持的新高潮,同时对于为数众多的iPhone 4和iPad用户来说,绝对是个振奋人心的好消息.优酷视频下载链接软件介绍优酷视频是一个很好的视频软件在这个软件上支持在线和本地两种播放方式优酷中有视频的推荐和视频的搜索播放下载等很多的强大的功能

直接引用优酷视频并去除广告的办法

在站外引用优酷视频时,点"全屏"会跳转到优酷的网站,而且播放时,放鼠标在视频的画面上,会显示广告,播放完还会显示相关信息等问题,特别是像我们在自己的博客.企业站.网店.B2C店铺里面放视频的时候,如果视频开始给你来个30妙的广告,真不知到要损失多少用户. 站外引用优酷视频全屏以及去掉广告办法如下: 优酷视频去广告代码:<embed src=" http://static.youku.com/v1.0.0149/v/swf/qplayer_rtmp.swf?VideoID

优酷视频 v7.2.2.7075 去广告绿色清爽版

优酷视频PC版去广告绿色清爽版,由zd423修改分享,看视频免等待,无任何广告弹窗干扰!优酷-中国领先视频网站,视频服务平台,提供视频播放.视频发布.视频搜索.为你提供更新更快更全的海量影视.优酷PC客户端是优酷视频的桌面播放器,为您推荐更多精选热门视频,通过多条件筛选快速定位匹配结果,提供多种画质.多种语言切换播放和下载,支持边下边看.具有独家GIF录制.视频录屏.游戏录屏等功能.   新版变化 2017-07-14 v7.2.2.7075修复问题优化体验 2017-06-09 v7.2.2.

优酷视频下载,优酷真实地址解析

最近想下载优酷的视频,发现无法下载,,将经验共享,经过研究解决. 1.以前下载优酷上的视频,只需要到IE的临时文件夹里取.flv文件.在这方面进行了调整现在发现优酷,IE的临时文件里没有.flv文件了.那怎么办呢? 2.利用HttpAnalyzer查看视频的播放页面,获取视频源的下载地址,例如:http://202.102.77.150/020064030147B2AFEEBF4E001A2BBDA3AFA485-7E57-619D-5D47-D478FD50C857.flv,不过直接访问下载,