HTML5中videoaudio拖动的方法-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

HTML5中videoaudio拖动的方法

这篇文章主要介绍“HTML5中video audio拖动的方法”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5中video audio拖动的方法”文章能帮助大家解决问题。

商洛网站制作公司哪家好,找创新互联公司!从网页设计、网站建设、微信开发、APP开发、自适应网站建设等网站项目制作,到程序开发,运营维护。创新互联公司从2013年创立到现在10年的时间,我们拥有了丰富的建站经验和运维经验,来保证我们的工作的顺利进行。专注于网站建设就选创新互联公司

html5视频video:

当前video支持三种视频格式:

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件  目前firefox 3.5+,Opera 10.5+,Chrome 5.0+ 支持该格式

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件 目前IE9.0+,Chrome5.0+,Safari 3.0+支持该格式

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件   目前Firefox 4.0+,Opera 10.6+,Chrome6.0+支持该格式

也就是说目前Chrome 6.0+以上版本对以上格式都是支持的,IE只支持MPEG4格式还是得需要9.0以上版本,与IE走相同支持路线的就是Safari在3.0以上版本也仅支持MPEG4

Firefox和Opera走的是相同路线,没有对MPEG4的支持,但是分别支持了Ogg格式和WebM格式

总结来说:

 操作系统自带的浏览器支持的是MPEG 4

 做搜索的巨头造的浏览器全面支持

 第三方浏览器Firefox和Opera不支持MPEG 4

在html5 中显示视频非常简单只需在代码中添加:

或者:

 

 Your browser does not support the video tag.

上面的controls熟悉供添加播放,暂停和音量控件

之间的内容是供不支持video元素的浏览器显示的

其次还可以制定video的宽度和高度:

 

 Your browser does not support the video tag.

为了适配多个浏览器,可猜测在做适配,浏览器将使用第一个可识别的格式:

 

 

Your browser does not support the video tag.

video结合DOM可以良好的对video进行控制,可以直接在

对数据的放置和获取使用的ev.dataTransfer.getData("Text") 获取数据,参数是数据的类型

                        ev.dataTransfer.setData("Text",ev.target.id);

关于“HTML5中video audio拖动的方法”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


网页名称:HTML5中videoaudio拖动的方法
分享URL:http://kswsj.cn/article/joegie.html

其他资讯