<head>
<meta charset='utf-8'>
<meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name='author' content='wplus'>
<style>
@media (max-width:767px) {
video {
width: 100% !important;
}
}
</style>
</head>
<body>
<video width='600' poster='Monument_Valley2_Cover.jpg' controls>
<source src='Monument_Valley2.mp4' type='video/mp4'>
</video>
</body>
如何使用css实现html中,播放的视频的宽度=手机的设备宽度,且在计算机上该视频的宽度= 600px
最新推荐文章于 2023-04-01 13:38:02 发布