HTML5 第十章多媒体页面

最新推荐文章于 2021-06-07 19:52:20 发布

cyuanzhang

最新推荐文章于 2021-06-07 19:52:20 发布

阅读量847

点赞数

分类专栏： html 文章标签： html

本文链接：https://blog.csdn.net/dayanjun/article/details/52686686

版权

html 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

HTML5 第十章多媒体页面

Dome 01 滚动文字

<body>
滚动方向：
<marquee direction="down">明日科技欢迎你！</marquee>
 
滚动方式：
<marquee behavior="scroll">古之成大事者</marquee>
<marquee behavior="slide">不惟有超世之才</marquee>
<marquee behavior="alternate">已有坚韧不拔之志</marquee>
 
滚动速度：
<marquee scrollamount="3">一步一步慢慢走</marquee>
<marquee scrollamount="10">看我悠哉的跑</marquee>
<marquee scrollamount="30">小豹子的速度</marquee>
 
滚动延迟：
<marquee scrollamount="20" scrolldelay="10">看我不停脚步地走</marquee>
<marquee scrollamount="20" scrolldelay="50">看我走走停停</marquee>
<marquee scrollamount="20" scrolldelay="250">看要走一步停一步</marquee>
 
循环次数：
<marquee direction="right" loop="10">我只出现10次</marquee>
 
滚动范围：
<marquee behavior="alternate" bgcolor="#33FF33">王勃</marquee> 
<marquee behavior="alternate" bgcolor="#66CCFF" width="500" height="50">老当益壮，宁知白首之心；穷且益坚，不坠青云之志。</marquee>
 
滚动空间：<hr />
<marquee behavior="alternate" bgcolor="#0066CC" hspace="90" vspace="50">明日科技</marquee>
 <hr />
</body>
</html>

//direction 滚动方向 left(默认) right up down
//behavior sroll循环滚动（默认） slide只滚动一次
alternate 来回交替进行滚动
//scrollamount 滚动速度单位像素
//scrolldelay 滚动延迟，间隔单位毫秒
//loop 循环次数
//hspace 水平范围 vspace 垂直范围单位像素

Dome 02 背景音乐

<body>
<bgsound src="music/zj.mp3" loop="3"/>
<center>
直觉
 
梁静茹
<hr width="400" size="5"/>
什么话都不要说你要的快乐我全都能懂 
一个眼神就足够你的微笑就述说了所有 
你和我同时喜欢一本小说 
同样的爱上了自由我们都明白了 
我的直觉告诉我直觉不会错 
不必说破你心里想的就是我 
心事都给我猜透 
我的直觉告诉我直觉就是我 
小小动作把秘密都告诉了我 
点点头就让我守在你左右不走 
我的直觉它告诉我你心里想的人是我 
我的直觉它对我说让我守候在你左右 
<hr width="400" size="5"/>
</center>
</body>
</html>

//loop="true" 无限次循环默认是播放几次？？？
//没有播放声音

Dome 03 媒体播放

<body>
<center>
下面的视频文件中第一个视频文件将会自动播放，
第二个视频文件需要手动播放。
<hr size="2" color="#FF6633" />
<embed src="shipin/oword.mkv" autostart="true" width="200" height="240"></embed>
<hr size="3" color="#FF6633"/>
<embed src="shipin/a.avi" autostart="false" width="200" heigth="240"></embed>
<hr size="3" color="#FF6633" />
<embed src="shipin/b.swf" autostart="true" width="200" height="240" loop="true"></embed>
<hr size="3" color="#FF6633" />
<embed src="shipin/oword.mkv" autostart="true" width="200" height="240" hidden="true"></embed>
</center>
</body>
</html>

//播放不了，显示下载