播放器可以弄自定義樣式的
專注于為中小企業(yè)提供成都網(wǎng)站制作、網(wǎng)站建設(shè)服務(wù),電腦端+手機(jī)端+微信端的三站合一,更高效的管理,為中小企業(yè)密云免費(fèi)做網(wǎng)站提供優(yōu)質(zhì)的服務(wù)。我們立足成都,凝聚了一批互聯(lián)網(wǎng)行業(yè)人才,有力地推動(dòng)了上千多家企業(yè)的穩(wěn)健成長(zhǎng),幫助中小企業(yè)通過網(wǎng)站建設(shè)實(shí)現(xiàn)規(guī)模擴(kuò)充和轉(zhuǎn)變。
html:
div?style="text-align:center;"
div
button?onclick="playPause()"播放/暫停/button?
button?onclick="makeBig()"大/button
button?onclick="makeNormal()"中/button
button?onclick="makeSmall()"小/button
/div
video?id="video1"?width="420"?style="margin-top:15px;"
source?src=""?type="video/mp4"?/
source?src=""?type="video/ogg"?/
Your?browser?does?not?support?HTML5?video.
/video
/div?
js:
var?myVideo=document.getElementById("video1");
function?playPause(){?
if?(myVideo.paused)?
myVideo.play();?
else?
myVideo.pause();?
}?
function?makeBig(){?
myVideo.width=560;?
}?
function?makeSmall(){?
myVideo.width=320;?
}?
function?makeNormal(){?
myVideo.width=420;?
}
布局樣式在css里改可以了
參考
source是為了兼容各個(gè)瀏覽器。因?yàn)闉g覽器對(duì)視頻格式支持不統(tǒng)一,有些瀏覽器例如有些瀏覽器支持 mp4格式 ,那么它就播放第一個(gè) mp4 格式的視頻,如果它不支持就檢查是不是支持下面的 ogg 視頻,如果支持就播放,不支持的話繼續(xù)向下,下面沒有source了,那么就顯示“Your browser does not support the video tag.”
注意:
如果你在 video 內(nèi)設(shè)置了 muted 屬性,是可以通過 autoplay 實(shí)現(xiàn)視頻的自動(dòng)播放,反之則需要用戶手動(dòng)授權(quán),點(diǎn)擊播放才可以實(shí)現(xiàn)自動(dòng)播放。
因?yàn)楣雀铻g覽器禁止頁面在沒有用戶授權(quán)的情況下進(jìn)行有聲的視頻播放
需要準(zhǔn)備的材料分別有:電腦、瀏覽器、html編輯器。
1、首先,打開html編輯器,新建html文件,例如:index.html,編寫問題基礎(chǔ)代碼。
2、在index.html中的script標(biāo)簽中,輸入js代碼:。
if (navigator.userAgent.match(/mobile/i)) {
$('video').hide();
}
3、瀏覽器運(yùn)行index.html頁面,此時(shí)在移動(dòng)端中成功隱藏了video標(biāo)簽的控件。
可以用CSs對(duì)video和audio標(biāo)簽進(jìn)行修飾,因?yàn)閔TMl當(dāng)中所有的標(biāo)簽都可以用Css來修飾。Css和標(biāo)簽少了任何一點(diǎn),就沒有我們現(xiàn)在色彩繽紛的網(wǎng)頁。
本文名稱:cssvideo樣式,html5video代碼
網(wǎng)站鏈接:http://vcdvsql.cn/article32/dsigopc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供標(biāo)簽優(yōu)化、電子商務(wù)、定制開發(fā)、響應(yīng)式網(wǎng)站、商城網(wǎng)站、外貿(mào)建站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來源: 創(chuàng)新互聯(lián)