文档章节

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

嘻哈开发者
 嘻哈开发者
发布于 2015/03/06 16:27
字数 828
阅读 1413
收藏 5

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

5 条评论 分享

按投票排序按时间排序

6 个回答

赞同4反对,不会显示你的姓名

寒塘渡月借我一生 与梦私奔 http://sometime.me

陶铖知乎用户、范红振 等人赞同

在线视频一般都是基于flash和flv来实现的,而众所周知,iOS的safari不支持网页中的flash,但支持html5的video标记(显然这个时代苹果必须以某种方式支持网络视频),对于video标记,会在其区域上显示播放按钮,点按后进入全屏播放。

所以优酷等网站会针对iOS做出兼容性处理:
通过user-agent来判断用户来源,如果是iOS用户,则用video标记来替代传统object,其src的则是源地址(不是flv,而是ts包装的源,m3u8是个文本文件,其中指定了进一步的ts地址,包括一些视频分段参数等);对于其他用户,则出于兼容性和功能性考虑,依旧使用swf播放器。
可以通过chrome开发者工具,将UA override修改为iOS来自行测试。

<video id="youku-html5-player-video" width="100%" height="100%" x-webkit-airplay="allow" controls="" autoplay="" preload="" src="/player/getM3U8/vid/91861269/type/flv/ts/1332059778/v.m3u8"> </video>

补充一下,一些第三方网站嵌入调用的youku视频在iOS上无法点击播放,这是因为第三方网站没有对其做上述的兼容性判断切换为video标记所致。

编辑于 2012-03-19 12 条评论        

赞同0反对,不会显示你的姓名

陈甫鸼生长于闽,求学入秦,漂泊适燕,实秦人也。

受邀但无法回答。从未做过前端开发。抱歉。

今天做了一些实验。实验表明优酷现在已经支持safari上直接播放视频,我估计是优酷已经升级到HTML5了,所以不太明白问题原意为何。同等高手回答。

发布于 2012-03-18 1 条评论        

赞同0反对,不会显示你的姓名

范红振WEB 前端开发 JS HTML DIV+CSS PHP .NET …

首先找到视频的ID,然后按照下面的地址方式调用即可

http://v.youku.com/player/getRealM3U8/vid/XMjUzMzUxNzQ4/type/video.m3u8
或者
http://v.youku.com/player/getRealM3U8/vid/XNDM5MzQwNjYw/type/mp4/v.m3u8
调用html
<video id="youku-html5-player-video" width="100%" height="100%" x-webkit-airplay="allow" controls="" autoplay="" preload="" src="http://v.youku.com/player/getRealM3U8/vid/XNDM5MzQwNjYw/type/mp4/v.m3u8"> </video>

编辑于 2012-12-17 1 条评论        

赞同0反对,不会显示你的姓名

张华平编程

您知道怎么做ipad上的视频(video标签)吗?我纠结这个问题好久了

发布于 2013-01-11 添加评论        

赞同0反对,不会显示你的姓名

郭泽宇

去 http://open.youku.com 去获取代码,iPhone和iPad将使用html5 的<video> 电脑还是Flash。
中国IP进入这个视频加载的就是优酷了
http://v.ze3kr.com/year/2014/#video

发布于 2014-09-13 添加评论        

赞同0反对,不会显示你的姓名

小师师简单可依赖,爱生活,爱互联,更爱知乎@…

safari浏览器当然是用html5去调用了,具体方法为:
<video source="http://XX“ controls loop></video>等等,格式ogg等

发布于 2012-03-18 2 条评论        


本文转载自:http://www.zhihu.com/question/20126050

共有 人打赏支持
嘻哈开发者
粉丝 54
博文 114
码字总数 1519
作品 0
广州
程序员
私信 提问
HTML 视频(Videos)

在 HTML 中播放视频的方法有很多种。 HTML视频(Videos)播放 <video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="vide......

wybo521
2015/12/26
46
0
如何调用优酷播放器,怎样引用优酷播放器的代码

如何调用优酷播放器,怎样引用优酷播放器的代码,插入到网页中,是播放器,不是优酷视频........最好是没广告的,求帮忙!!!!!!!!!

锋驰
2014/04/16
212
0
乔布斯详述苹果与Flash恩怨(全文)

日前,苹果总裁乔布斯撰文详细描述了与Adobe之间的一些恩怨细节。 全文如下: 苹果与 Adobe 的关系由来已久。Adobe 的创始人还在那如今已成传说的车库中工作时,我们就已经认识了。苹果是他们...

老枪
2010/04/30
1K
11
万能播放器VLC华丽回归iOS,新增多种实用功能

几年之前,知名桌面媒体播放器VLC开始支持iPhone和iPad,并登陆了App Store。不过,这款应用最终因为GPL协议问题被苹果从App Store中移除。现在VLC终于回归了App Store,VLC 2.0进行了重新开...

oschina
2013/07/19
12K
20
查找各大视频网站真实视频地址方法(乐视优酷会员腾讯56酷6pptv激动网)

我们在很多地方都需要用到各大视频网站的视频调用地址,那么有些网站又屏蔽了播放分享功能,那么就只能自己找了,下面潇潇就来教你如何搞定吧。 土豆网: xml 代码 说明:iid=后面是视频的I...

thebeauty2016
2017/04/26
0
0

没有更多内容

加载失败,请刷新页面

加载更多

CentOS配置Tomcat监听80端口,虚拟主机

Tomcat更改默认端口为80 更改的配置文件是: /usr/local/tomcat/conf/server.xml [root@test-a ~]# vim /usr/local/tomcat/conf/server.xml # 找到 Connector port="8080" protocol="HTTP/1......

野雪球
今天
5
0
《稻盛和夫经营学》读后感心得体会3180字范文

《稻盛和夫经营学》读后感心得体会3180字范文: 一代日本经营之圣稻盛和夫凭借刻苦勤奋的精神以及深植于佛教的商业道德准则,成为了“佛系”企业家的代表人物。在《稻盛和夫经营学》“领导人...

原创小博客
今天
3
0
java框架学习日志-5(常见的依赖注入)

依赖注入(dependency injection) 之前提到控制反转(Inversion of Control)也叫依赖注入,它们其实是一个东西,只是看的角度不同,这章详细说一下依赖注入。 依赖——指bean对象创建依赖于...

白话
今天
4
0
红外接收器驱动开发

背景:使用系统的红外遥控软件没有反应,然后以为自己接线错误,反复测试,结果烧坏了一个红外接收器,信号主板没有问题。所以自己开发了一个红外接收器的python驱动。接线参见https://my.os...

mbzhong
今天
2
0
ActiveMQ消息传送机制以及ACK机制详解

AcitveMQ是作为一种消息存储和分发组件,涉及到client与broker端数据交互的方方面面,它不仅要担保消息的存储安全性,还要提供额外的手段来确保消息的分发是可靠的。 一. ActiveMQ消息传送机...

watermelon11
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部