返回
甲骨文OAEC人才产
置顶
该校与厚学网暂未合作,平台不保证课程的真实有效性,如有侵权等争议,请及时与厚学网联系处理
招生热线:400-656-1450

学校地址:上海市黄浦区天津路180号应氏大厦16层:上海市黄浦区北京东路668号赛格电子市场G区6楼

video视频元素和audio音频元素

133 2017-06-22 09:07:40

学习笔记

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用到的几种方法


文中图片素材来源网络,如有侵权请联系删除
来源:甲骨文OAEC人才产业基地
热门课程 全部课程

热门动态

申请免费试听

只要一个电话

我们为您免费回电

立即申请