H5：使用video标签在页面中插入视频

最新推荐文章于 2024-05-31 22:20:16 发布

toMontain

最新推荐文章于 2024-05-31 22:20:16 发布

阅读量2.9k

点赞数 4

分类专栏： H5 文章标签：音视频 css3 html

本文链接：https://blog.csdn.net/qq_43884946/article/details/122029705

版权

H5 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

常用属性和值：

例：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<style>
			#div1 {
				background-color: blanchedalmond;
				height: 10%;
				width: 100%;
				position: fixed;
				z-index: 5;
				
			}

			#div3 {
				background-color: cornflowerblue;
				text-align: center;
				height: 60%;
				width: 100%;
			}
			#ul{
				text-align: center;
			}
			ul li {
				display: inline;
				margin-right: 50px;
			}	
			#video1{
				width:500px;
				height:350px;
				object-fit: fill;
			}
		</style>
	</head>
	<body>
		<div id="div1">
			<ul id="ul">
				<li><a href="">首页</a></li>
				<li><a href="">返回</a></li>
				<li><a href="">退出</a></li>
			</ul>
		</div>
		
		<div id="div3">
			<video id="video1" autoplay="autoplay" loop="-1" muted="true" controls="controls">
    			<source src="视频1.mp4" type="video/mp4" />
			</video>
		</div>
	</body>
</html>

这是使用video标签嵌入视频的一个简单例子。
video的详细用法可参考：video标签的用法

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

toMontain

关注关注

4
点赞
踩
10

收藏

觉得还不错? 一键收藏
打赏
0
评论
H5：使用video标签在页面中插入视频

常用属性和值：例：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <style> #div1 { background-color: blanchedalmond; height: 10%; width: 100%; position: fixed; z-index:
复制链接

扫一扫