成人午夜视频全免费观看高清-秋霞福利视频一区二区三区-国产精品久久久久电影小说-亚洲不卡区三一区三区一区

網(wǎng)站制作中Web視頻播放及問(wèn)題

2023-02-21    分類: 網(wǎng)站制作

以前很多網(wǎng)站不敢放視頻,因?yàn)榉?wù)器帶寬少費(fèi)用高,網(wǎng)站訪問(wèn)用戶一多,網(wǎng)站就卡住打不開(kāi)了,同時(shí)訪客帶寬都是2M及共用帶寬,視頻加載很慢。 現(xiàn)在網(wǎng)絡(luò)流量帶寬變大了,我們?cè)僖膊挥脫?dān)心網(wǎng)絡(luò)帶寬問(wèn)題,網(wǎng)站就可以適當(dāng)?shù)脑黾右恍┮曨l,這個(gè)又出現(xiàn)一個(gè)新問(wèn)題,現(xiàn)在終端那么多,尺寸大小不一,網(wǎng)站制作中的視頻代碼如何保證各個(gè)終端各個(gè)尺寸兼容呢?jinyejixie.com為你詳細(xì)解答
PC端的屏幕尺寸大小不一,而項(xiàng)目需求是視頻要占滿整個(gè)屏幕,也就是在不同尺寸的屏幕上,視頻要?jiǎng)偤娩仢M寬高,剛開(kāi)始我以為很簡(jiǎn)單,寬度設(shè)置100%,高度設(shè)置100vh(vh就是當(dāng)前屏幕可見(jiàn)高度的1%),然而在實(shí)際操作中暴露出了許多問(wèn)題,讓我頭痛不已,今天來(lái)聊聊我在這過(guò)程中碰到的問(wèn)題。
一開(kāi)始設(shè)置了寬度100%和高度100vh,在瀏覽器中出現(xiàn)的效果寬度是100%了,而高度卻成了自適應(yīng),也就是說(shuō)設(shè)置了高度不起作用。

網(wǎng)站制作CSS代碼
代碼如圖:
網(wǎng)站視頻展示
效果如圖:
網(wǎng)站HTML代碼
視頻上下兩邊都流出很多空白,我調(diào)試了很久,沒(méi)有特別好的解決辦法,偶然間問(wèn)了下同事,告訴我了一個(gè)屬性object-fit:fill;確實(shí)有用,但高度會(huì)有點(diǎn)超出,所以要給視頻父元素添加上overflow: hidden,裁剪超出的部分。
網(wǎng)站視頻展示效果圖
效果如圖:
視頻完全鋪滿了整個(gè)頁(yè)面,把瀏覽器放大或縮小也沒(méi)有問(wèn)題,解決這個(gè)問(wèn)題,然后在測(cè)試各個(gè)瀏覽器中,唯獨(dú)谷歌瀏覽器卻不能自動(dòng)播放,在網(wǎng)上查了一下原因,原來(lái)谷歌瀏覽器禁用了視頻的自動(dòng)播放,除非把視頻靜音才能自動(dòng)播放,可有些時(shí)候視頻不需要靜音怎么辦,
找了許久,終于有了解決辦法,推薦一款插件video.js,能在谷歌瀏覽器和其它瀏覽器下自動(dòng)播放視頻,不過(guò)CSS樣式需要調(diào)整下,才能全屏播放。
網(wǎng)站制作前端代碼
代碼如圖:
創(chuàng)新互聯(lián)不單為客戶提供網(wǎng)站整站設(shè)計(jì)制作,如果貴司本身有設(shè)計(jì)師或者本身是設(shè)計(jì)機(jī)構(gòu),可以提供設(shè)計(jì)圖,我們只負(fù)責(zé)前端制作開(kāi)發(fā)和后臺(tái)程序開(kāi)發(fā)。

文章題目:網(wǎng)站制作中Web視頻播放及問(wèn)題
網(wǎng)址分享:http://jinyejixie.com/news29/238579.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站制作

廣告

聲明:本網(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í)需注明來(lái)源: 創(chuàng)新互聯(lián)

h5響應(yīng)式網(wǎng)站建設(shè)
毕节市| 鄂州市| 互助| 易门县| 泰州市| 汉寿县| 从江县| 镇雄县| 肇庆市| 镇雄县| 柳江县| 钦州市| 合肥市| 房山区| 虞城县| 锡林浩特市| 东乡县| 临邑县| 石嘴山市| 互助| 崇阳县| 兴隆县| 五大连池市| 南陵县| 得荣县| 城市| 常熟市| 清涧县| 忻州市| 洪泽县| 天水市| 栾川县| 崇阳县| 岳池县| 涟源市| 新邵县| 丹江口市| 罗平县| 千阳县| 米脂县| 西宁市|