HTML多媒体

柔情只为你懂 2023-10-05 22:19 1阅读 0赞

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

在HTML5之前，主要提供两种元素进行多媒体的展示，一个是<embed>标签，另一个是<object>标签。

<embed>  
播放音乐

<embed src="Trouble is a friend.mp3" width="200px" height="200px" autostart="true" loop="true">  
</embed>  
1  
2  
src：播放源文件  
height：高度  
width：宽度  
autostart：是否自动播放  
loop：是否循环播放  
播放flash视频

<embed src="奔跑的猫.swf" width="200px" height="200px" loop="true" quality="high" PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index,cgi?P1\_Prod\_Version=ShockwaveFlash">  
</emben>  
1  
2  
quality：设置播放质量  
PLUGINSPAGE：如果不能播放，则去相应的地址下载播放插件  
<object>  
<object>标签可以用来给浏览器加载插件，通过加载的插件来播放视频和音频（兼容性不好）

播放音频

<object data="Trouble is a friend.mp3">  
<param name="src" value="Trouble is a friend.mp3" />  
<param name="autoplay" value="true" />  
</object>  
1  
2  
3  
4  
播放flash

<object classid="......" width="200px" height="200px" codebase="......">  
<param name="movie" value="动画.swf" />  
<param name="play" value="true" />  
<param name="loop" value="true" />  
<param name="quality" value="high" />  
</object>  
1  
2  
3  
4  
5  
6  
classid：设置播放控件的ID  
codebase：播放控件的地址  
兼容性  
为了能实现浏览器更好的兼容性，一般使用object标签内嵌套embed标签。

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab\#version=6.0.40.0" width="200px" height="100px" id="myMovieName">

<param name="movie" value="猫.swf"/>  
<param name="quality" value="high"/>  
<param name="bgcolor" value="\#FFFFFF"/>

<embed src="猫.swf" quality="high" bgcolor="\#FFFFFF" width="200px" height="100px" name="myMovieName" type="application/x-shockwave-flash" PLUGINSPAGE="http://www.macromedia.com/go/getflashplayer">  
</embed>

</object>  
————————————————  
版权声明：本文为CSDN博主「「已注销」」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。  
原文链接：https://blog.csdn.net/sinat\_37976731/article/details/79616366

发表评论取消回复

表情：

评论列表（有 0 条评论，1人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML多媒体

HTML多媒体 web上的多媒体是指音效、音乐、视频和动画，现代网络浏览器已经支持很多多媒体格式。在HTML5之前，主要提供两种元素进行多媒体的展示，一个是<embed

柔情只为你懂/ 2023年10月05日 22:19/ 0 赞/ 2 阅读

相关 HTML之多媒体元素

文章目录多媒体元素 video audio 兼容性多媒体元素 video 视频 audio 音频 vide

╰+哭是因爲堅強的太久メ/ 2023年02月11日 07:10/ 0 赞/ 14 阅读

相关 html5新增属性----多媒体、input类型

HTML5 HTML5是HTML最新的修订版本 HTML5 中的一些新特性：用于绘画的 canvas 元素用于媒介回放的 video 和 audio

àì夳堔傛蜴生んèń/ 2022年11月30日 01:59/ 0 赞/ 267 阅读

相关 HTML5超级链接、图片与多媒体

HTML5超级链接、图片与多媒体网页超级链接超级链接（hyperlink）也简称为链接（link），是网站的重要组成部分，HTML正是因为有了超级链接才显得与

￡神魔★判官ぃ/ 2022年10月29日 08:00/ 0 赞/ 263 阅读

相关 html5 多媒体页面(Alternative Inline Elements)

嵌入多媒体文本(EMBED) 基本语法 <embed src=\> \=URL 本标记可以用来在主页中嵌入多媒体文本，如：电影(movie), 声音(soun

柔光的暖阳◎/ 2022年09月20日 11:29/ 0 赞/ 147 阅读

相关 html5多媒体

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

淡淡的烟草味﹌/ 2022年07月14日 00:41/ 0 赞/ 214 阅读

相关掌握HTML5中的多媒体--视频(video)

除非你一直生活在一个偏远的岛屿上,过去一年左右的时间,你应该已经听说过HTML5的各式炒作。HTML5将重塑富Web应用的未来。下面 Figure 1的示例展示了HTML5

雨点打透心脏的1/2处/ 2022年06月06日 00:12/ 0 赞/ 320 阅读

相关 HTML5——多媒体：audio音频、video视频

1. audio音频标签、video视频标签 ![70][] 2. 特性：（1）autoplay：自动播放；注意：在谷歌浏览器中autoplay有时会失效（其他浏览器没

痛定思痛。/ 2022年05月11日 05:08/ 0 赞/ 709 阅读

相关前端学习笔记(HTML)——多媒体

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <ti

柔光的暖阳◎/ 2022年03月10日 07:24/ 0 赞/ 292 阅读

相关 HTML——多媒体

HTML图片：带图片的菜谱网页任务描述相关知识概念属性 alt属性:提供替换文本

「爱情、让人受尽委屈。」/ 2021年05月16日 20:37/ 0 赞/ 557 阅读