HTML5新媒体元素

2021-07-08 21:06

阅读:423

标签:wav   视频流   src   cti   示例   asc   loop   embed   ble   

新媒体元素

audio

  • 示例
//controls表示向用户显示控件

source src="house.mp3">
audio>
  • 标签定义和说明

    • 定义音频(声音)
    • 支持三种文件格式:MP3、Wav、Ogg

      浏览器 支持
      IE MP3
      谷歌 3
      火狐 3
      欧朋 3
  • 提示和注释 
    • 可以在 和 之间放置文本内容,这些文本信息将会被显示在那些不支持 标签的浏览器中。
  • 属性
属性 描述
autoplay 音频自动播放
controls 向用户显示控件
loop 音频结束后自动重新播放
src 音频文件的URL
preload 当网页加载时,音频是否默认被加载以及如何加载
  • preload可能的值: 
    + auto:当页面加载后载入整个音频 
    + mta:当页面加载后只载入元数据 
    + none:当页面加载后不载入音频

video

  • 示例
video width="320" height="240" controls>
"movie.mp4" type="video/mp4">
"movie.ogg" type="video/ogg">
您的浏览器不支持 video 标签。

  • 标签定义及使用说明

    • 定义视频,比如电影皮那段和其他视频流
    • 支持3中格式:MP4、WebM、Ogg

      浏览器 格式
      IE MP4
      谷歌 3
      火狐 3
      欧朋 3
    • 音频格式的 MIME 类型

      Col1 Col2
      MP4 video/MP4
      WebW video/webm
      Ogg video/ogg
  • 属性 
    • 与audio一样
    • height:高度
    • width:宽度
  • 使用DOM进行控制
function playPause()
{
//如果是关闭状态就让他播放
if (myVideo.paused)
myVideo.play();
else
//否则停止播放
myVideo.pause();
}

embed

  • 示例
//嵌入flash动画
embed src="helloworld.swf">
  • 标签定义及使用说明 
     + 定义了一个容器,用来嵌入外部应用或者互动程序(插件)。
  • 属性 
    • height、width、 type、src 

HTML5新媒体元素

标签:wav   视频流   src   cti   示例   asc   loop   embed   ble   

原文地址:http://www.cnblogs.com/yang-xiao-fan/p/7095790.html


评论


亲,登录后才可以留言!