html5 video視頻自适應手機大小

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>

資源下載

此資源僅限注冊用戶下載，請先登錄

【購買風險提示】

1. 全站3000+棋牌資源，終身VIP都可以免費下載，絕無二次收費。

2. 本站棋牌資源大多全網各種渠道采購，資源描述爲轉載資源站點内容，本站沒有精力一一測試，搭建不一定成功。

3. 本站開通數十站點會員，資源過多，大部分無法親自測試，源碼有可能存在缺陷或者不完整的風險，所以低價出售僅供參考研究。确認購買視爲接受該風險，由于源碼具有可複制性，不接受任何理由退款！！！

4. 所有資源不一定包含安裝教程，可以搜索本站其他資源教程作爲參考。

5. 所有資源不提供搭建服務，如有需求請提前聯系客服咨詢。

6. 源碼收集于網絡，僅供研究學習，單機娛樂，請勿用于違法用途，源碼中包含任何聯系方式及網址請謹慎甄别，切勿上當受騙！

資源下載

下載需要：免費

請先登錄

【購買風險提示】

1. 全站3000+棋牌資源，終身VIP都可以免費下載，絕無二次收費。

2. 本站棋牌資源大多全網各種渠道采購，資源描述爲轉載資源站點内容，本站沒有精力一一測試，搭建不一定成功。

3. 本站開通數十站點會員，資源過多，大部分無法親自測試，源碼有可能存在缺陷或者不完整的風險，所以低價出售僅供參考研究。确認購買視爲接受該風險，由于源碼具有可複制性，不接受任何理由退款！！！

4. 所有資源不一定包含安裝教程，可以搜索本站其他資源教程作爲參考。

5. 所有資源不提供搭建服務，如有需求請提前聯系客服咨詢。

6. 源碼收集于網絡，僅供研究學習，單機娛樂，請勿用于違法用途，源碼中包含任何聯系方式及網址請謹慎甄别，切勿上當受騙！

html5 video視頻自适應手機大小原文鏈接：https://qipaiyuanmaxiazai.com/5009.html，轉載請注明出處~~~