ueditor解決video標簽設(shè)置封面問題

自動顯示視頻第一秒為封面

電腦端比較好解決

修改ueditor.all.js

找到 case 'video' 約在17609行左右：版本不一樣所在行不一樣，

修改其下面的 preload="none" 修改為：preload="metadata"  和添加 webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" （取消點擊ios瀏覽器全屏），自己多測試一下確保正常即可！

搜索對應(yīng)修改，

但是你會發(fā)現(xiàn)手機端默認還是空白的。是因為默認加載為0秒，

我們需要在視頻src后面加

參數(shù) #t=1      #1表示視頻第一秒 或者0.1秒，這個自己調(diào)一下。根據(jù)視頻

<script>
    //jq 設(shè)置 video 標簽src地址
   // var myurl = $("video").attr("src");
   // $("video").attr("src", myurl+ '#t=1');


   function isMobile(){
  return /(android|iphone|ipad|phone|mobile)/i.test(navigator.userAgent);
}

if (isMobile()) {
 


// 獲取指定元素內(nèi)所有 video 標簽
var videos = $('.w-richtext').find('video');
   
// 遍歷每個 video 標簽
videos.each(function() {
  var origSrc = $(this).attr('src'); // 獲取原始的視頻地址
  var srcWithNum = origSrc+'#t=0.3';
 
  $(this).attr('src', srcWithNum); // 修改視頻地址為新地址
});

// 獲取指定元素內(nèi)所有 video 標簽
var sources = $('.w-richtext').find('source');
    
// 遍歷每個 source 標簽
sources.each(function() {
  var origSrc = $(this).attr('src'); // 獲取原始的視頻地址
  var srcWithNum = origSrc+'#t=0.3';
  
  $(this).attr('src', srcWithNum); // 修改視頻地址為新地址
});


}
</script>

但是后面發(fā)現(xiàn)一個問題。就是蘋果手機端Safari 瀏覽器，他會從1秒開始播放。如果卡住的話。他會出現(xiàn)時間在走。視頻不動的現(xiàn)象，

后來就直接加入了video.js插件，目前看不會出現(xiàn)了 時間進度條走動，視頻不動的現(xiàn)象，如果卡住他進度條也會卡或者 加載完會回到原點播放。