文档章节

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

嘻哈开发者
 嘻哈开发者
发布于 2015/03/06 16:27
字数 828
阅读 1362
收藏 5
点赞 0
评论 0

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
博文 113
码字总数 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 ⋅ 0

如何调用优酷播放器,怎样引用优酷播放器的代码

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

锋驰 ⋅ 2014/04/16 ⋅ 0

app上线前测试确认清单

APP上线前测试确认清单 APP名称版本提交时间 这个表格是用来记录每个APP版本提交到App Store前App的测试情况的。请对已经做过测试的项目后勾选 “是”。如果没有做过测试则勾选“否”,如果该...

openlab ⋅ 2014/03/24 ⋅ 0

乔布斯详述苹果与Flash恩怨(全文)

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

老枪 ⋅ 2010/04/30 ⋅ 11

万能播放器VLC华丽回归iOS,新增多种实用功能

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

oschina ⋅ 2013/07/19 ⋅ 20

近半数媒体网站计划支持iPad和HTML5视频

新闻媒体公司Streaming Media的最新调查显示,49%的网络媒体业内人士打算在明年年底前在其网站上支持HTML5视频格式,36%的网络媒体业内人士打算使用专用应用程序 或iPad兼容网站观看iPad视频...

老枪 ⋅ 2010/06/04 ⋅ 0

iOS神级浏览器Alook端午节限免

前言 今天在 v2ex.com 论坛上看到有用户推荐iOS 端 Alook 浏览器,而且评价很不错,目前正在端午节限时免费中,分享给使用 iOS 的小伙伴们。 Alook Alook 浏览器最具特色的功能是 在线音/视频...

己立 ⋅ 06/17 ⋅ 0

查找各大视频网站真实视频地址方法(乐视优酷会员腾讯56酷6pptv激动网)

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

thebeauty2016 ⋅ 2017/04/26 ⋅ 0

Zhang Di/yii-web-player

Yii 网页播放器扩展 yii-web-player Yii 框架网页播放器扩展,百度影音、优酷、搜狐等。 如何使用? 下载源码 yii-web-player, 解压后放到 文件夹下。 在 中使用如下代码: 注意: 百度影音视频...

Zhang Di ⋅ 2013/12/18 ⋅ 0

iphone/ipad前端开发技巧

今天一前端同事在进行mobile开发时,苦于没有真机可以用来测试,让我帮忙看看,于是我找到了这篇文章。 iPad开发的局限性 在iPad上使用Safari浏览普通网站网页的时候,网页因为太大而导致需要...

Megan_zhou ⋅ 2013/06/14 ⋅ 2

没有更多内容

加载失败,请刷新页面

加载更多

下一页

R计算IV

参考文章 #读取文件 rawdata = read.csv("/path/to/csv/file",header=T) colnames(rawdata)[18] <- "y" //重命名因变量y #数据分区 训练集测试集 trainIdx <- sample(nrow(rawdata), round(......

火力全開 ⋅ 18分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

阿里云云栖社区 ⋅ 18分钟前 ⋅ 0

SQL老司机,在SQL中计算 array & map & json数据

摘要: 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primitive类型的数据。 场景 通常,我们处理数据,一列数据类型要么是字符串,要么是数字,这些都是primi...

猫耳m ⋅ 28分钟前 ⋅ 0

关于ireport自定义变量类型为list的时候

自己摸石头过河,我真的应该去趟市中心图书馆,借本真正靠谱的教材 网上的东西,只有0.01%是有用的,还有0.99%是垃圾,剩下的99%是垃圾的复制品。。 哎!~ 问题是这样的,报表带sql,从db中获...

炑炑milina ⋅ 29分钟前 ⋅ 0

Spring mvc ContextLoaderListener 原理解析

对于熟悉Spring MVC功能,首先应从web.xml 开始,在web.xml 文件中我们需要配置一个监听器 ContextLoaderListener,如下。 <!-- 加载spring上下文信息,最主要的功能是解析applicationContex...

轨迹_ ⋅ 30分钟前 ⋅ 0

阿里云发布企业数字化及上云外包平台服务:阿里云众包平台

摘要: 阿里云正式发布旗下众包平台业务(网址:https://zhongbao.aliyun.com/),支持包括:网站定制开发,APP、电商系统等软件开发,商标、商品LOGO、VI、产品包装设计、营销推广、大数据人...

阿里云官方博客 ⋅ 31分钟前 ⋅ 0

Redis安装异常解决办法

官网地址:http://redis.io/ 官网下载地址:http://redis.io/download 1. 下载Redis源码(tar.gz),并上传到Linux 2. 解压缩包:tar zxvf redis-2.8.17.tar.gz 3. 进入解压缩后的文件夹:c...

slagga ⋅ 36分钟前 ⋅ 0

006. 深入JVM学习—年轻代

1. 年轻代图片 年轻代(Young)属于JVM堆内存空间的一个组成部分 所有使用关键字new新实例化的对象一定会在伊甸园区进行保存,而对于存活区保存的一定是已经在伊甸园区存在一段时间并且经过了...

影狼 ⋅ 37分钟前 ⋅ 0

如何成为一个合格的程序员

偶尔的,我会被人问道:如何成为一名优秀的程序员,更或者,如何成为一名程序员。每次人们问起,我都力图给出不同的答案。因此,我的答案是各种各样的。下面就是我认为的成为一名优秀的程序员...

柳猫 ⋅ 38分钟前 ⋅ 0

cups error_log日志暴增

日志内容 File \"/usr/lib/cups/notifier/dbus\" has insecure permissions 解决(未验证适用范围) sudo service cups stopsudo rm /etc/cups/subscriptions.conf*sudo rm -r /var/cac......

一介码夫_Hum ⋅ 41分钟前 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部