ueditor解决video标签设置封面问题-自动显示视频第一秒为封面-智软设计工作室

智软工作室主要是为宁波公司提供宁波网站建设,宁波网站制作,宁波做网站公司，宁波外贸网站建设公司,宁波网站优化等项目,以优质的服务，优惠的价格，深的客户信赖。相信有你的加入我们的明天会更有动力！期待与你合作！

2014已经悄然到来，在新的一年我们恭贺所有客户事业蒸蒸日上，同事庆祝智软设计工作室成立5周年，在5周年为众多客户提供了保质量的网站设计与网站制作。我们在新的一年质量与服务将会更加进一步为更多的客户带来高端的网站设计与服务！期待与你合作
智软设计工作室多年为宁波企业网站制作建设服务一直以来我们以最优惠价格，最优质的质量，最突出的设计！得到了客户的一致认可,我们的服务包括：宁波网站设计,宁波网站建设,宁波网站制作,宁波网站优化,宁波英文网站制作我们会以优质的服务,最低的价格来报答客户!
点击连接网站优化推广-对企业的网站优化和网站推广--对企业的重要性-点击进行详细了解
2014开幕，宁波智软设计为宁波企业提供更加优秀的设计和实惠的价格
智软设计工作为宁波客户网站设计案例展示平台-案例均为定期更新，让新老客户更好的看到我们做的案例，点击查看我们做的网站案例吧！
智软(宁波网络公司)帮你轻松解决网络问题，网站一站式解决方案

你当前的位置：首页>>营销与网络

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

2023-06-12 21:07:01

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插件，目前看不会出现了时间进度条走动，视频不动的现象，如果卡住他进度条也会卡或者加载完会回到原点播放。