棋牌源码网

css样式

.vid-wrap{
    width:100%;background: #000;
    position:relative;
    padding-bottom:56.25%;    /*需要用padding来维持16:9比例,也就是9除以16*/
    height: 0;
}
.vid-wrap video{
    position: absolute;
    top:0;
    left: 0;
    width: 100%;
    height: 100%

html

<div class="vid-wrap">
    <video controls autoplay loop>
	<source src="" type="video/mp4">
    </video>
</div>

HTML自适应自动播放视频

<div class="vid-wrap">
    <video autoplay="autoplay" controls="controls" height="550" width="960">
        <source src="xxx.mp4" type="video/mp4"/>
    </video>
</div>

HTML自适应不自动播放视频

<div class="vid-wrap">
    <video controls="controls" height="550" width="960">
        <source src="xxx.mp4" type="video/mp4"/>
    </video>
</div>


本文链接:https://www.jr160.com/game/1062.html

版权声明:

本站发布的内容若侵犯到您的权益,请邮件联系 web58678@gmail.com 删除,我们将及时处理!

从您进入本站开始,已表示您已同意接受本站【免责声明】中的一切条款!

本站大部分下载资源收集于网络,不保证其完整性以及安全性,请下载后自行研究。

本站资源仅供学习和交流使用,版权归原作者所有,请勿商业运营、违法使用和传播!请在下载后24小时之内自觉删除。

若作商业用途,请购买正版,由于未及时购买和付费发生的侵权行为,使用者自行承担,概与本站无关。

发表评论

还没有评论,快来说点什么吧~