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

video视频元素和audio音频元素

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

甲骨文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基础
  • 其他计算机语言基础
  • 周末班
  • 全日制白班
  • 随到随学

厚学推荐学校

网上报名

推荐学校

更多>>
热门信息

温馨提示