码迷,mamicode.com
首页 > Web开发 > 详细

HTML5 多媒体标签

时间:2019-06-23 20:59:01      阅读:147      评论:0      收藏:0      [点我收藏+]

标签:无法   音频   tip   tac   ide   nbsp   top   image   htm   

一、多媒体 embed 标签

  embed可以用来插入各种多媒体,格式可以是 Midi、Wav、AIFF、AU、MP3等等。url为音频或视频文件及其路径,可以是相对路径或绝对路径。

  语法格式:

<embed src="http://player.youku.com/player.php/sid/XMTI4MzM2MDIwOA==/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>

  Tips:

  • <embed> 标签在 HTML 4 中是无效的。页面无法通过 HTML 4 验证。
  • 不同的浏览器对音频格式的支持也不同。
  • 如果浏览器不支持该文件格式,没有插件的话就无法播放该音频。
  • 如果用户的计算机未安装插件,无法播放音频。
  • 如果把该文件转换为其他格式,仍然无法在所有浏览器中播放。

二、音频 audio 标签

  HTML5通过<audio>标签来解决音频播放的问题。

  语法格式:

<audio src="路径"  autoplay="autoplay" controls="true" loop=2></audio>

   autoplay属性控制是否网页加载自动播放

  controls 是否显示播放控件,默认不显示

  loop 属性用于控制循环次数,如果值为正整数,则播放指定的次数,如果是 loop 或者是 loop = -1,则无线循环播放。

  由于版权等原因,不同的浏览器可支持播放的格式是不一样的,如下图供参考

  

      技术图片

  多浏览器支持的方案,如下图:

  技术图片

 

三、视频 video 标签

  HTML5通过<audio>标签来解决音频播放的问题。

  语法格式:

<video src="路径" controls  autoplay width="300px"></video>

  autoplay属性控制是否网页加载自动播放  

  controls 是否显示播放控件,默认不显示

  loop 属性用于控制循环次数,如果值为正整数,则播放指定的次数,如果是 loop 或者是 loop = -1,则无线循环播放。

  width 属性设置播放窗口宽度

  height 属性设置播放窗口高度

  由于版权等原因,不同的浏览器可支持播放的格式是不一样的,如下图供参考

  技术图片

   多浏览器支持的方案,如下图:

  技术图片

 

   更多的标签学习请参考这里:http://www.w3school.com.cn/html/index.asp

 

HTML5 多媒体标签

标签:无法   音频   tip   tac   ide   nbsp   top   image   htm   

原文地址:https://www.cnblogs.com/niujifei/p/11074026.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!