H5 implements video player (final chapter)

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

Guess you like

Origin blog.csdn.net/m0_71349739/article/details/128675005