最近2018中文字幕在日韩欧美国产成人片_国产日韩精品一区二区在线_在线观看成年美女黄网色视频_国产精品一区三区五区_国产精彩刺激乱对白_看黄色黄大色黄片免费_人人超碰自拍cao_国产高清av在线_亚洲精品电影av_日韩美女尤物视频网站

1.

成都一家集口碑和實力的網(wǎng)站建設(shè)服務(wù)商，擁有專業(yè)的企業(yè)建站團隊和靠譜的建站技術(shù)，十載企業(yè)及個人網(wǎng)站建設(shè)經(jīng)驗 ,為成都上1000+客戶提供網(wǎng)頁設(shè)計制作,網(wǎng)站開發(fā),企業(yè)網(wǎng)站制作建設(shè)等服務(wù),包括成都營銷型網(wǎng)站建設(shè)，品牌網(wǎng)站設(shè)計，同時也為不同行業(yè)的客戶提供網(wǎng)站制作、網(wǎng)站設(shè)計的服務(wù),包括成都電商型網(wǎng)站制作建設(shè),裝修行業(yè)網(wǎng)站制作建設(shè)，傳統(tǒng)機械行業(yè)網(wǎng)站建設(shè),傳統(tǒng)農(nóng)業(yè)行業(yè)網(wǎng)站制作建設(shè)。在成都做網(wǎng)站,選網(wǎng)站制作建設(shè)服務(wù)商就選成都創(chuàng)新互聯(lián)。

在layer彈窗組件中

如果使用了flash播放器，全屏是正常的

但若使用了HTML5的播放器，全屏失效

舉個栗子

 
 
 
 
 


我是字

可以看到全屏不正常了

通過調(diào)試發(fā)現(xiàn)是這個class的處理影響了全屏的展示

所以，目前的解決辦法是在layer層創(chuàng)建之后，移除這個class即可（注意在success回調(diào)中置于下一輪事件循環(huán)）

layer.open({
 type: 1,
 title: false,
 shadeClose: true,
 area: ['400px', '350px'],
 content: $('#box'),
 success: function(layero){
  console.log(layero)
  // hack處理layer層中video播放器全屏樣式錯亂問題
  setTimeout(function() {
  // $(layero).removeClass('layer-anim');
  }, 0);
 }
 });

2.

video標簽的poster屬性指代視頻未播放前放置的一張圖片

如果video容器寬高小于等于poster圖的寬高，則圖片能充滿容器，反之容器左右就會預(yù)留黑色欄

除了手動更換一張大圖之外，可以結(jié)合CSS來控制，實現(xiàn)鋪滿

舉個栗子

現(xiàn)在圖片寬度比容器小，沒鋪滿，參考這里的討論 可以用CSS讓其撐開（這里相當(dāng)于放大了，不想放大需自行更換大圖）

poster里放一個透明圖片（這里使用了一個1px*1px的base64格式透明圖片），再用css定義video的background并將其覆蓋住

video {
  background: transparent url('../poster.png') no-repeat 0 0; 
  -webkit-background-size: cover; 
   -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover; 
 }

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對大家的學(xué)習(xí)或者工作能帶來一定的幫助，同時也希望多多支持創(chuàng)新互聯(lián)！