八、html多媒体

图片标签

<img src="图片路径">

常用的格式有

格式 文件 描述
jpg jpg/jpeg
png png
icon icon 用于应用的图标
BMP
GIF
TIFF
BMP

更多去百度
如:https://zhidao.baidu.com/question/1878552.html

音频和视频标签

Web上的多媒体指的是音效、音乐、视频、动画、现在网络浏览器已经支持很多多媒体格式。

常用音频格式 更多查百度

格式 文件 描述
MIDI .mid / .midi
RealAudio .rm / .ram
Wave .wav
WMA .wma
MP3 .mp3
ogg .ogg

常用的视频有那些

格式 文件 描述
avi .avi
WMV .wmv
MPEG .mpg /mpeg
QuickTime .mov
RealVideo .rm / .ram
Flash .swf / .flv
Mpeg-4 .mp4
RMVB .rmvb

在HTML5 前 主要提供两程元素来进行多媒体展示,

一个是:<embed>
http://www.runoob.com/tags/tag-embed.html
一个是:<object>
http://www.runoob.com/tags/tag-object.html

多媒体标签<embed> 播放音频

<embed src="xxx_xxx_xx.mp3" width="200" height="200" autostart="true" loop="true"></embed>

多媒体标签<embed> 播放flash视频

<embed src="xxx_xxx_xx.swf" width="200" height="200" autostart="true" loop="true"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash"
></embed>

<embed>标签属性

属性名 属性值 说明
src 很多种格试的音频视频文件 播放文件路径
type 指定类型的解码方式 播放文件类型格式
height 高度
width 宽度
autostart 是否自动播放
loog 是否循环播放
PLUGINSPAGE 插件是址,如果本地没有播放此类型文件的插件,会通个这个指定的地址去下载

<object>标签作用

给浏览器加载插件,通过加载的插件来播放音频和视频
如Applet小程序
ActivteX IE的专有标签

播放 mp3

<object data="TroublelsaFriend.mp3">
     <param name="src" value="TroublelsaFriend.mp3">
    <param name="autoplay" value="true">
</object>

播放 flash

<object classid="clsid:De\27"
codebase="http://download.macromedia.com/pub/shockwae/cabs/flash/swflash.cab#version=6,0,40,0" width="550" height="400" id="myMovieName">
<param name=movie value="xxxx.swf">
<param name=quality value=high>
<param name=bgcolor  value=#ffffff>
</object> 

第三方案例:
http://blog.csdn.net/hailangying/article/details/38580641

在H5中使用的标签是

audio 和 video 标签来进行音频和视频的播放.

案例

下节课 HTML CSS 介绍

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容