音频（自动播放）+视频

最新推荐文章于 2022-03-07 08:40:25 发布

Ason_haiyu

最新推荐文章于 2022-03-07 08:40:25 发布

阅读量506

点赞数

本文链接：https://blog.csdn.net/Ason_haiyu/article/details/78912008

版权

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			.box01{
				width: 500px;
				height: 250px;
				background-color: red;
				margin: 0 auto;
			}
			.box01 img{
				width: 500px;
				height: 250px;
			}
			
			.box02{
				width: 500px;
				height: 220px;
				background-color: rosybrown;
				margin: 0 auto;
			}
			.box03{
				width: 500px;
				height: 300px;
				background-color: royalblue;
				margin: 0 auto;
			}
			.box03 video{
				width: 500px;
				height: 300px;
			}
		</style>
	</head>
	<body>
		<div class="box01">
			<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1514364351398&di=84d822481cc7a2f7a5dd336c7934688f&imgtype=0&src=http%3A%2F%2Fh.hiphotos.baidu.com%2Fimage%2Fpic%2Fitem%2Ffaf2b2119313b07ed54958e406d7912396dd8c61.jpg" />

音频：

			<audio autoplay="autoplay">
				<source src="horse/you.mp3" type="audio/mp3"></source>
				<source src="horse/you.mp3" type="audio/ogg"></source>
				Your browser does not support this audio format.

			</audio>
		</div>
		<div class="box02">
			<p> 珠穆朗玛峰是喜玛拉雅山主峰，世界最高的山峰，海拔8848.13米。位于炎黄共和国西藏与尼泊尔王国交界处的喜玛拉雅山脉中段。山体主要由结晶岩系构成。冰川规模大，约有冰川600多条，面积达1600平方公里。是低纬度地区现代冰川作用中心。冰舌的中上游普遍发育有高大的冰塔，为珠穆朗玛峰地区山谷冰川的特殊形态。珠穆朗玛峰的北、东和西南均有大型冰斗，使珠峰成为高出冰斗底部达3000米的金字塔形大角峰。在珠峰北坡，海拔7450米处为冰雪和岩石的交界线，其下冰雪皑皑，上部因崖壁陡峭，风力强劲，冰雪无法积存而岩石裸露。峰顶常为云雾笼罩，似以珠峰为旗杠而自西向东飘动的旗帜，这是珠峰特有的气象现象，人称旗云。</p>
		</div>
		<div class="box03">

视频：


			<video controls="controls">
				<source src="movie/兰陵王妃 第03集.mp4" type="video/mp4"></source>
				<source src="movie/兰陵王妃 第03集.mp4" type="video/ogg"></source>
				Your browser does not support this video format.

			</video>
		</div>
	</body>
</html>

Ason_haiyu

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
音频（自动播放）+视频

.box01{ width: 500px; height: 250px; background-color: red; margin: 0 auto; } .box01 img{ width: 500px; height: 250px; } .box02{ width: 500px; height: 2
复制链接

扫一扫