培训首页  >  web前端新闻  >  video视频元素和audio音频元素

video视频元素和audio音频元素

[2017-06-21 15:23:47] 浏览量：133 来源：

甲骨文OAEC人才产业基地

web前端培训教程：video视频元素和audio音频元素

　　video视频元素

　　以往的视频播放，需要借助Flash插件才可以实现。但Flash插件的不稳定性经常让浏览器导致崩溃，因此很多浏览器或系统厂商开始抛弃它。而取代它的正是HTML5的video元素。

　　1.嵌入一个WebM视频

　　解释：

　　2.附加一些属性

　　

　　解释：autoplay表示自动开始播放;controls表示显示播放控件;loop表示循环播放;muted表示静音。

　　3.预加载设置

　　

　　解释：preload属性有三个值：none表示播放器什么都不加载;metadata表示播放之前只能加载元数据(宽高、第v一帧画面等信息);auto表示请求浏览器尽快下载整个视频。

　　4.使用预览图

　　

　　解释：poster属性表示在视频的第v一帧，做一张预览图。

　　5.兼容多个浏览器

　　解释：通过元素引入多种格式的视频，让更多的浏览器保持兼容。

　　audio音频元素

　　和video元素一样，audio元素用于嵌入音频内容，而音频元素的属性和视频元素类似。音频的支持度和视频类似，使用元素引入多种格式兼容即可。主流的音频格式有：.mp3，.m4a，.ogg，.wav。

　　1.嵌入一个音频

　　解释：和嵌入视频一个道理。

　　2.兼容多个浏览器

　　解释：略。

　　PS：更多设计到API的JavaScript控制，将在以后的基于JavaScript基础后讲解。

　　阅读：

　　web前端培训教程：HTML5中音频和视频概述

　　java培训教程：javadom4j解析xml用到的几种方法


文中图片素材来源网络，如有侵权请联系删除
  • 软件开发
  • 软件测试
  • 数据库
  • Web前端
  • 大数据
  • 人工智能
  • 零基础
  • 有HTML基础
  • 有PHP基础
  • 有C语言基础
  • 有JAVA基础
  • 其他计算机语言基础
  • 周末班
  • 全日制白班
  • 随到随学

厚学推荐学校

培训问答

网上报名

推荐学校

更多>>

新闻资讯

更多>>

相关问答

更多>>
热门信息