<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>练习Html5网页图像和多媒体</title>
</head>
<body>
<!-- img可以把图像插入网页中;src定义显示图像的URL;alt图像代替文本 -->
<p><img src="images/s1.jpg" width="300" alt="我的大学"/></p>
<!-- chorme不能自动播放音乐 ,不支持视频-->
<p>
<embed src="images/bg.mp3" width="307" heigth="9" hidden="false"
autostart="false" ></embed>
</p>
<p>
<embed src="images/b.mp4" width="413" hiegth="292" >
</embed>
</p>
<!-- object 可以定义一个嵌入对象,如图片、网页、音频 -->
<p>
<object width="30%" type="image/jpg" data="images/s2.jpg">
</object>
</p>
<p><object type="text/html" height="50%" width="100%"
data="https://www.stdu.edu.cn/"></object>
</p>
<!-- 使用audio来播放声音 -->
<p><audio controls>
<source src="images/bg.mp3" type="audio/mpeg">
<source src="images/bg.ogg" type="audio/ogg">您的浏览器不支持
</p>
<!-- 使用video播放视频 -->
<p><video controls>
<source width="400px" heigth="300px"
autoplay="false" src="images/b.Ogg" type="video/ogg">
<source width="400px" heigth="300px"
autoplay="false" src="images/b.mp4" type="video/mp4">您的浏览器不支持
</video>
</p>
</body>
</html>