在线精品免费视频,91免费国产高清在线,91久久精品国产一区二区,男人在线网站,欧洲视频一区,最新国产精品亚洲,狠狠色狠色综合曰曰

萬企互聯(lián)-專注高端網(wǎng)站建設(shè)
掃描關(guān)注萬企互聯(lián)微信公眾賬號

掃一掃微信二維碼

網(wǎng)站MP4視頻播放器代碼

特效源碼?2022/2/27? 462
一款簡單的jQuery點擊彈出視頻播放器代碼,mp4視頻播放插件,還支持畫中畫效果哦。
電腦端css:
.content .video{width: 600px; height: 400px; margin: 0 auto; text-align: center; margin-bottom:15px; position: relative;}
.content .video video {width: 100%; height: 100%; object-fit: fill;}
.content .video .VideoBtn {position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10;}
移動端css:
.content .video{width: 340px; height: 240px; margin: 0 auto; text-align: center; margin-bottom:10px; position: relative;}
.content .video video {width: 100%; height: 100%; object-fit: fill;}
.content .video .VideoBtn {position: absolute; left: 50%; top: 50%; display: block; width: 70px; height: 70px; margin-left: -35px; margin-top: -35px; cursor: pointer; z-index: 10;}
<link rel="stylesheet" href="style/css/jsmodern.min.css">
<script src="style/js/jsmodern.min.js"></script>
<div class="content">
             <div id="video" class="video">
	<video src="<%= rs("video")%>" id="videoShow" autoplay="autoplay"></video>
	<span class="VideoBtn"><img src="images/icon_play.png"></span>
             </div>
</div> 
jsmodern.min.js和jsmodern.min.css下載
文章關(guān)鍵詞
MP4
視頻
播放器
萬企互聯(lián) 咸陽網(wǎng)站建設(shè) 萬企微信 IDC主機測評 域名轉(zhuǎn)發(fā)系統(tǒng) IP地址查詢 萬企工具 超越彼岸BEYOND 六佰號MSDN系統(tǒng) TOP圖標庫 六百號技術(shù)