html5 多媒体页面(Alternative Inline Elements)

柔光的暖阳◎ 2022-09-20 11:29 152阅读 0赞

## 嵌入多媒体文本(EMBED) ##

### 基本语法 <embed src=\#> \#=URL ###

本标记可以用来在主页中嵌入多媒体文本，如：  
电影(movie), 声音(sound), 虚拟现实语言(vrml)... ...  
体会 <embed> 标记，您需要把 plugin 安装完备。  
请注意：embed attributes are different between each plugins.

## ![\+][Image 1] 背景音乐 ![Image 1][] ##

### <bgsound src=\#> \#=WAV 文件的 URL<bgsound loop=\#> \#=循环数 ###

<bgsound src="sound.wav" loop=3>

示例

## ![\+][Image 1]插入视频剪辑 ![Image 1][] ##

### <img src="url.gif" dynsrc="url.avi"> ###

用 url.avi 这一 AVI(Video for MS－WINDOWS) 文件来播放视频；用 url.gif 这一 GIF 图象作为视频的封面，即：在浏览器尚未完全读入 AVI 文件时，先在 AVI 播放区域显示该图象。

<img src="SAMPLE-S.GIF" dynsrc="SAMPLE-S.AVI">

![Image 1][]

### 何时开始播放 AVI <img start=\#> \#=fileopen, mouseover ###

缺省值是 \#=fileopen，即在链接到含本标记的页面(如本页)时开始播放 AVI。

mouseover 是指您把鼠标移到 AVI 播放区域之上时才开始播放 AVI。

也可以两者同时设置：<img start=fileopen,mouseover>

另外，用鼠标在 AVI 播放区域点击一下，也将令浏览器开始播放该 AVI。

<img src="SAMPLE-S.GIF" dynsrc="SAMPLE-S.AVI" start=mouseover>

![Image 1][]

### 控制条 <img controls> ###

用来在视频窗口下附加 MS－WINDOWS 的 AVI 播放控制条。

<img src="SAMPLE-S.GIF" dynsrc="SAMPLE-S.AVI" controls>

![Image 1][]

### 循环播放 <img loop=\#> ###

<loop=infinite> 将循环播放不止。

<img src="SAMPLE-S.GIF" dynsrc="SAMPLE-S.AVI" loop=3>

![Image 1][]

### 延时 <img loopdelay=\#> \#=毫秒数 ###

<img src="SAMPLE-S.GIF" dynsrc="SAMPLE-S.AVI" 
     loop=3 loopdelay=250>

![Image 1][]

[Image 1]:

发表评论取消回复

表情：

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

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

相关阅读

相关 HTML多媒体

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

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

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

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

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

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

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

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

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

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

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

相关 HTML5 Mobile页面

<!DOCTYPE html> <html> <head> <title>HTML5 Mobile</title>

柔光的暖阳◎/ 2022年08月07日 14:59/ 0 赞/ 195 阅读

相关 html5多媒体

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

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

相关掌握HTML5中的多媒体--音频(audio)

使用音频标签<audio> 音频标签的使用和视频是非常相似的：指定多个音频文件，浏览器会播放其中支持的第一个。 1. <audio src="audio.ogg

- 日理万妓/ 2022年06月06日 09:40/ 0 赞/ 272 阅读

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

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

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

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

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

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

相关 HTML——多媒体

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

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