如何使用css实现html中，播放的视频的宽度=手机的设备宽度，且在计算机上该视频的宽度= 600px

最新推荐文章于 2023-04-01 13:38:02 发布

嘉的博客

最新推荐文章于 2023-04-01 13:38:02 发布

阅读量429

点赞数

原文链接：https://stackoverflow.com/questions/63357464/how-to-use-css-to-achieve-html-that-videos-width-devices-width-on-the-mobile-p/63357773#63357773

版权

web 同时被 3 个专栏收录

8 篇文章 0 订阅

订阅专栏

html

7 篇文章 0 订阅

订阅专栏

css

2 篇文章 0 订阅

订阅专栏

<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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

嘉的博客

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
如何使用css实现html中，播放的视频的宽度=手机的设备宽度，且在计算机上该视频的宽度= 600px

<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> @me
复制链接

扫一扫