H5实现视频播放器（收官篇）

最新推荐文章于 2024-10-11 09:16:22 发布

修复bug

最新推荐文章于 2024-10-11 09:16:22 发布

阅读量629

点赞数

分类专栏： css 文章标签：音视频 css html Powered by 金山文档

本文链接：https://blog.csdn.net/m0_71349739/article/details/128675005

版权

css 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

HTML：

<div id="player">
    <video id="video" src="./3.mp4" controls="controls" autoplay="autoplay"></video>
</div>

CSS：

body {
       background-color: rgb(32, 177, 212);
       width: 100%;
       height: 100%;
}

* {
       margin: 0px;
       padding: 0px;
}

#player {
       height: 80%;
       width: 55%;
       position: absolute;
       left: 5%;
       top: 15%;
       box-shadow: 5px 5px 10px 2px black;
       -moz-box-shadow: 5px 5px 10px 2px black;
       /* 老的 Firefox */
       background-color: white;
}

#player>#video {
       width: 100%;
       height: 100%;
       position: absolute;
       top: 0;
}