文档章节

html5media使用

yale8848
 yale8848
发布于 2017/05/04 10:47
字数 162
阅读 203
收藏 0

html5media 让IE6-IE8兼容html5 video audio

#使用注意

  1. IE9是支持video标签,如果视频源是mp4,那么一定要把MIME类型设置video/mp4 要不然,IE9无法支持;

  2. IE8不支持video 标签嵌套source,如下面:

<video controls="controls" controls="controls">
  <source src="movie.ogg" type="video/ogg" />
  <source src="movie.mp4" type="video/mp4" />
Your browser does not support the video tag.
</video>

直接在video标签添加src

<video src="movie.mp4" controls="controls" controls="controls">
</video>
  1. video 的宽高直接在video标签上写,不要写到css中,不然默认宽高320,200;width,height不带单位,video的style也写在video上
<video src="movie.mp4" with="500" height="300" style="margin-top:50px" controls="controls" controls="controls">
</video>

© 著作权归作者所有

共有 人打赏支持
yale8848
粉丝 12
博文 89
码字总数 21864
作品 0
西安
程序员
Sewise Player 2.4.9 版本发布,多媒体播放器

Sewise Player 发布了 2.4.9 版本,更新内容如下: 1、HTML5皮肤支持动态布局。 2、增加statistics参数提供播放时间统计提交。 3、增加customdatas参数给皮肤开发者使用。 4、修复一此小问题...

jackzhang1204
2014/11/14
1K
1
如何根据用户权限控制是否静音

如何根据用户权限控制是否静音 同一个页面播放 视频 , 有的用户有权限 可以听到视频的声音, 有的用户没权限来听视频的声音。 用html5media 如何来根据用户的权限进行控制?

xyzweb
2012/12/04
184
2
Web的多媒体播放器--html5media

html5media是一个JavaScript音频/视频播放器能够让每一个浏览器都能够播放在HTML5多媒体标签中定义的多媒体文件。 对于不兼容的浏览器,该播放将采用支持Flash的FlowPlayer播放器来代替。 在...

匿名
2011/08/11
45.8K
3
一个 jQuery Mobile 的图片缩放的问题?

例如:http://m.oschina.net/p/html5media 这个页面,在 Android 手机上看这个页面,图片只能看到左边的一半,而且无法通过缩放或者滑动操作来看到另一半图像,因为图片本身的宽度超过了 An...

红薯
2011/08/11
10.5K
5
网页音频播放器和视频播放器插件收藏

为了能够使网页展示内容更丰富,音频播放器和视频播放器是必不可少的,这里推荐几款。 10个基于Web的HTML5音乐播放器 15个最好的HTML5视频播放器 介绍当前流行的一些开源flash视频播放器 五个...

小微
2012/04/06
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

7 个致命的 Linux 命令

导读 如果你是一个 Linux 新手,在好奇心的驱使下,可能会去尝试从各个渠道获得的命令。以下是 7 个致命的 Linux 命令,轻则使你的数据造成丢失,重则使你的系统造成瘫痪,所以,你应当竭力避...

问题终结者
今天
0
0
设计模式:工厂方法模式(工厂模式)

工厂方法模式才是真正的工厂模式,前面讲到的静态工厂模式实际上不能说是一种真正意义上的设计模式,只是一种变成习惯。 工厂方法的类图: 这里面涉及到四个种类: 1、抽象产品: Product 2、...

京一
今天
0
0
区块链和数据库,技术到底有何区别?

关于数据库和区块链,总会有很多的困惑。区块链其实是一种数据库,因为他是数字账本,并且在区块的数据结构上存储信息。数据库中存储信息的结构被称为表格。但是,区块链是数据库,数据库可不...

HiBlock
今天
0
0
react native 开发碰到的问题

react-navigation v2 问题 问题: static navigationOptions = ({navigation, navigationOptions}) => ({ headerTitle: ( <Text style={{color:"#fff"}}>我的</Text> ), headerRight: ( <View......

罗培海
今天
0
0
Mac Docker安装流程

久仰Docker大名已久,于是今天趁着有空,尝试了一下Docker 先是从docker的官网上下载下来mac版本的docker安装包,安装很简易,就直接拖图标就好了。 https://www.docker.com/products/docker...

writeademo
今天
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部