理论教育 网页设计与制作教程:视频标记方法简介

网页设计与制作教程:视频标记方法简介

时间:2023-11-04 理论教育 版权反馈
【摘要】:本例需要在当前目录下存放视频文件world.avi等。

网页设计与制作教程:视频标记方法简介

用浏览器可以播放的视频文件格式有MOV、AVI、WMV等。

1.链接一个视频文件<a>...</a>

在XHTML中链接视频文件与链接音频文件一样,可将视频文件做成一个超链接。其格式为:

<a href="视频文件地址">超链接显示文本</a>

【例6-5】在网页中播放视频。

本例需要在当前目录下存放视频文件world.avi等。在编辑窗口输入下面的代码:

<!--文件名:ex6-5.html-->

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><meta http-equiv="Content-Type"content="text/html;charset=gb2312"/>

<title>影视频道</title></head>

<body>

<h2 align="center">请您选择欣赏优秀影视片</h2><hr/>

<p align="center"><a href="world.avi">魔兽世界(点击进入)</a></p>

<p align="center"><a href="wj.mov">无极(点击进入)</a></p>

<p align="center"><a href="ride.wmv">千里走单骑(点击进入)</a></p>

<p align="center"><a href="nosmall.avi">一个也不能少(点击进入)</a></p>

<p align="center"><a href="jiayi.avi">甲方乙方(点击进入)</a></p>

<p align="center"><a href="movephone.avi">手机(点击进入)</a></p><hr/>

</body>

</html>

在浏览器中的显示效果如图6-5所示。(www.daowen.com)

图6-5 在网页中链接播放视频文件

2.内嵌视频播放插件<embed>

与播放音频文件一样,通过内嵌视频播放插件可以在浏览器中出现控制面板。其格式为:

<embed src="视频文件地址"autostart="true|false"loop="true|false|n"startime="分:秒"volume="0~100"width="x|x%"height="y|y%"hidden=true controls="console|smallconsole"/>

【例6-6】内嵌视频播放插件。

本例需要视频文件wj.wmv。在编辑窗口输入下面的代码:

<!--文件名:ex6-6.html-->

<!DOCTYPE html PUBLIC"-//W3C//DTD XHTML 1.0 Transitional//EN"

"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head><meta http-equiv="Content-Type"content="text/html;charset=gb2312"/>

<title>影视欣赏</title></head>

<body>

<h3 align="center">电影《无极》</h3><hr/>

<embed SRC="wj.wmv"autostart="false"loop="false"width="500"height="300"/>

</body>

</html>

在浏览器中显示效果如图6-6所示。

图6-6 内嵌视频播放插件

免责声明:以上内容源自网络,版权归原作者所有,如有侵犯您的原创版权请告知,我们将尽快删除相关内容。

我要反馈