【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?

简介:
导航

【初探HTML5之使用新标签布局】用html5布局我的博客页!

【HTML5初探之form标签】解放表单验证、增加文件上传、集成拖放

【HTML5初探之绘制图像(上)】看我canvas元素引领下一代web页面

【HTML5初探之绘制图像(下)】看我canvas元素引领下一代web页面

【HTML5初探之多媒体元素】视频播放HTML5、Flash谁才是王道?

【HTML5初探之本地存储】如果没有数据库。。。

【HTML5初探之离线应用】如何打造零请求、无流量的网站?

【HTML5初探之通信API】跨域门槛不再高、数据推送不是梦

【HTML5初探之Web Workers】网页也能多线程

【HTML5初探之Geolocation API】让我们来回去地理信息

 

前言

虽说作为一个程序员来说,这件事情,比较丢人。但我还是说说吧,我不知哪天把我IE9浏览器怎么了一下,从此后我就不能正常的播放视频了。

每次都说flash版本过低神马的,重装也不行。。。。至今尚未解决,好吧,这个是有点丢人的了。

回过头来,我会痛苦各个浏览器之间的差异带来的痛苦,但若是在网页上不能看美女是更加令老夫愤怒的事情!!!

总的来说flash来说真的是王道!确实是王道,经久不衰,现在就是招人工资也很高的,虽说我一窍不通。

HTML出现了video与audio,对这两个元素我并不陌生,因为我早就用过了,他确实可以很好的解决flash带来的一些问题,

但想取代什么的还言之过早了吧,我也期待在IE11来临之际,电脑上至少都是IE9版本的浏览器了,各种HTML5网站已经层出不穷了。

视频播放

该章的内容很少,而且也没什么难度,这里可以很快的带过:

复制代码
video与audio皆具有以下几种方法:
play 播放媒体元素
pause 暂停媒体元素
load 重新加载播放
canPlayType 检查浏览器是否支持媒体类型

相关事件:
loadstart 浏览器开始在网上寻找媒体数据
progress 正在获取数据
suspend 暂停获取数据,但下载过程并未正常结束
abort 数据下载结束前终止获取,但不是错误引起
error 获取数据过程出错
emptied 载入发生错误或者浏览器在选择播放格式时又调用了load方法重新载入
stalled 浏览器尝试获取媒体数据失败
play 当执行play方法时触发(即将播放)
pause 当执行pause方法时触发
......
太多了,以后还是查资料算了
复制代码
视频播放
奇怪的是只有google可以,其它不行!!!

HTTP“Content-Type”中的“video/mp4”不支持。媒体资源 
http://localhost:3317/html5%E4%B8%8Ecss3/04%E5%A4%9A%E5%AA%92%E4%BD%93%E6%92%AD%E6%94%BE/tianzui.mp4 加载失败。
据说该如此这般操作。。。

<video width="320" height="240" controls="controls">  
    <source src="a.ogg" type="video/ogg"> 
    <source src="a.mp4" type="video/mp4">     
    your browser does not support the video tag.
    </video>
结语

这章真没什么说的,要用的时候查询下资料就可以了

 

您可以考虑给小钗发个小额微信红包以资鼓励 



本文转自叶小钗博客园博客,原文链接http://www.cnblogs.com/yexiaochai/archive/2013/04/19/3030702.html,如需转载请自行联系原作者

相关文章
|
4月前
|
JavaScript 前端开发 开发者
Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
本文详细介绍了Vue中动态添加HTML元素的使用方法与组件封装技巧。内容涵盖条件渲染(v-if/v-show)、列表渲染(v-for)、动态组件(:is)、手动操作DOM及动态创建组件实例等核心方法。同时,通过动态表单、弹窗组件和动态加载组件的封装示例,展示如何提升代码复用性和可维护性。最后,总结性能优化策略与注意事项,如批量更新DOM、懒加载大型组件及避免直接操作DOM等,帮助开发者在实际项目中灵活应用Vue动态元素管理功能。
97 15
|
4月前
|
JavaScript 前端开发 开发者
Vue 动态添加 HTML 元素组件封装使用方法及长尾关键词优化指南
本文详细介绍了Vue中动态添加HTML元素的多种方法与组件封装技巧,涵盖条件渲染(v-if/v-show)、列表渲染(v-for)、动态组件(:is)、手动DOM操作及动态创建组件实例等内容。同时提供了性能优化建议,如批量更新DOM、使用v-show代替v-if以及懒加载大型组件等。通过合理封装组件,可提高代码复用性和维护性。文中还附有具体示例代码,帮助开发者更好地理解和应用相关技术。适用于前端开发人员学习和实践Vue动态元素处理与组件设计。
111 19
|
4月前
|
缓存 JavaScript 前端开发
Vue 项目中动态添加 HTML 元素的方法与实践
本文探讨了 Vue 中动态添加 HTML 元素的多种技术方案,包括条件渲染(v-if/v-show)、动态组件(component :is)、手动挂载($mount)及 Vuex 状态管理等方法。通过实例分析,如动态表单生成器与全局模态框服务,展示了这些方案在实际开发中的应用。同时提供了性能优化建议和注意事项,帮助开发者根据需求选择最佳方式,在保持 Vue 响应式特性的同时实现灵活交互。附带代码示例,便于理解和实践。
100 2
|
3月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
3月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
3月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
3月前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
3月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
3月前
|
前端开发 容器
处方单图片生成器, 处方单在线制作免费,js+css+html恶搞神器
这是一个电子处方模拟生成系统,使用html2canvas库实现图片导出功能。系统生成的处方单包含多重防伪标识,并明确标注为模拟数据,仅供学习