ueditor解决video标签设置封面问题-自动显示视频第一秒为封面

ueditor解决video标签设置封面问题

自动显示视频第一秒为封面

电脑端比较好解决

修改ueditor.all.js

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

修改其下面的 preload="none" 修改为：preload="metadata"  和添加 webkit-playsinline="true" playsinline="true" x5-video-player-type="h5" （取消点击ios浏览器全屏），自己多测试一下确保正常即可！

搜索对应修改，

但是你会发现手机端默认还是空白的。是因为默认加载为0秒，

我们需要在视频src后面加

参数 #t=1      #1表示视频第一秒 或者0.1秒，这个自己调一下。根据视频

<script>
    //jq 设置 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()) {
 


// 获取指定元素内所有 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); // 修改视频地址为新地址
});

// 获取指定元素内所有 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>

但是后面发现一个问题。就是苹果手机端Safari 浏览器，他会从1秒开始播放。如果卡住的话。他会出现时间在走。视频不动的现象，

后来就直接加入了video.js插件，目前看不会出现了 时间进度条走动，视频不动的现象，如果卡住他进度条也会卡或者 加载完会回到原点播放。