亚洲最大看欧美片,亚洲图揄拍自拍另类图片,欧美精品v国产精品v呦,日本在线精品视频免费

  • 站長資訊網(wǎng)
    最全最豐富的資訊網(wǎng)站

    HTML如何設置video為不透明背景

    HTML設置video為不透明背景的方法:使用loop,autoplay方法,直接插入相關代碼【<video src="../video/2b.mp4" loop="loop" autoplay="autoplay"></video>】。

    HTML如何設置video為不透明背景

    本教程操作環(huán)境:windows7系統(tǒng)、html5版,DELL G3電腦,該方法適用于所有品牌電腦。

    HTML設置video為不透明背景的方法:

    先插入如下代碼:

    <video src="../video/2b.mp4" loop="loop" autoplay="autoplay"></video>
    • loop表示循環(huán)播放

    • autoplay表示自動播放

    css修飾如下:

    <style> body{     margin:0;//body外邊距設為0; } video{     position: fixed;//視頻定位方式設為固定     right: 0;     bottom: 0;//視頻位置     min-width: 100%;     min-height: 100%; //不會因視頻尺寸造成頁面需要滾動     width: auto;     height: auto; //尺寸保持原視頻大小     z-index: -100; //z軸定位,小于0即可     -webkit-filter: grayscale(20%);//添加灰度蒙版,如果設定為100%則視頻顯示為黑白 } </style>

    相關學習推薦:html教程

    贊(0)
    分享到: 更多 (0)
    網(wǎng)站地圖   滬ICP備18035694號-2    滬公網(wǎng)安備31011702889846號