控制video标签的控件样式 |
您所在的位置：网站首页 › vivoy5s控制中心怎么修改样式 › 控制video标签的控件样式 |
控制video标签的控件样式
|
第一步、修改控制面板从而看到隐藏的结构 给video标签加controlsList=“nodownload” 不显示下载按钮 1、修改控制面板 video::-webkit-media-controls-enclosure { overflow: hidden; } video::-webkit-media-controls-panel { width: calc(100% + 30px); }2、修改播放按钮和喇叭控件大小 audio::-webkit-media-controls-play-button, video::-webkit-media-controls-play-button, audio::-webkit-media-controls-mute-button, video::-webkit-media-controls-mute-button{ width: 26px; height: 26px; }3、去掉右下角三个点 您的浏览器不支持 video 标签。1、nodownload: 不要下载按钮 2、nofullscreen: 不要全屏按钮 3、noremoteplayback: 不要远程回放 4、disablePictureInPicture 禁止画中画 按钮 5、noplaybackrate 不要播放速度按钮 新版chrome浏览器可以去掉video播放自带的"播放速度" 4、video视频随着窗口变化而变化，比如按住ctrl缩放窗口时，只需添加 style="width:100%; height:115%; object-fit: fill"即可，不过可能会导致视频变形，可以调整宽高调整正常比例 您的浏览器不支持 video 标签。 |
回到elements中就有内部结构了【本文地址】
今日新闻 |
推荐新闻 |