• WAP手机版 保存到桌面加入收藏设为首页
电脑教程

网站添加右侧客服栏代码、网站h5视频播放器代码

时间:2020-05-31 08:51:53   作者:612459.com   阅读:169   评论:0


      今天是5月31日,马上就到了6月1日,当然这个对于我来说没有任何意义,对我来说,今天是月尾,刚好又是星期天,我才能有一些些精力去记录一些自己的事情。为什么不说时间而说精力?工作时间内虽然并没有明文规定说不准做非工作范围内的事情,但是其实做IT这个行业的人大家都清楚,就算你做些自己的事情,老板也不一定看得明白,毕竟都是些代码(PS,这个是给我自己长脸了,我的工作并不是和代码打交道,嘿嘿)。就我个人而言,我本人并不是喜欢工作和私人的事情混合,那么时间上,我一般都会下班后处理一些个人工作。时间上是有,就是精力上不够,所以才会有如上所述。

       瞎扯这么多,我其实今天还有些目的的

       1、网站代码bug

             

网站添加右侧客服栏代码、网站h5视频播放器代码

       代码我是购买的php商业版本,目前此bug已经提交了开发者。希望能得到解决。当然本身此视频播放的插件到这个年代居然还用的是flash插件支持,太不能理解了。

        这里我自己整理了一份h5播放的代码,可以适用没有或者还是使用flash插件播发器的网站。

 <!--<link href="/h5video/video-js.min.css" rel="stylesheet" />
<script src="/h5video/video.min.js"></script>
<video id="my-player" class="video-js" controls="" preload="auto" poster="/picture/weixin.jpg" data-setup="{}">
  <source src="https://www.612459.com/upFiles/download/202005/202005310706268808.mp4" type="video/mp4">
 <!-- <source src="//vjs.zencdn.net/v/oceans.webm" type="video/webm">-->
 <!-- <source src="//vjs.zencdn.net/v/oceans.ogv" type="video/ogg">-->
<p class="vjs-no-js">
To view this video please enable JavaScript, and consider upgrading to a
    web browser that <a href="#" target="_blank"> supports HTML5 video </a> 
</p>
</video>-->
<link href="https://www.612459.com/h5video/video-js.css" rel="stylesheet" />       
<div class="container">
<video width="550" height="400" class="video-js vjs-default-skin" id="example-video" autoplay="true" controls="">
    <source src="https://www.612459.com/upFiles/download/202005/202005310706268808.mp4" type="video/mp4">
          <!--<source src="https://www.612459.com/upFiles/download/202005/202005310706268808.mp4" type="application/x-mpegURL">-->
<!-- <source src="//vjs.zencdn.net/v/oceans.mp4" type="video/mp4"></source> <source src="lizi.webm" type="video/webm"></source> <source src="lizi.ogv" type="video/ogg"></source>-->
        </video>
</div>
<script src="https://www.612459.com/h5video/video.js"></script>
<script src="https://www.612459.com/h5video/videojs-flash.js"></script>
<script src="https://www.612459.com/h5video/videojs-contrib-hls.js"></script>
<script>
      (function(window, videojs) {
        var player = window.player = videojs('example-video');
        // hook up the video switcher
        var loadUrl = document.getElementById('load-url');
        var url = document.getElementById('url');
        loadUrl.addEventListener('submit', function(event) {
          event.preventDefault();
          player.src({
            src: url.value,
            type: 'application/x-mpegURL'
          });
          return false;
        });
      }(window, window.videojs));
    </script>




      此bug的体现的链接,目前等待开发者修复,我就暂时留存着

       百度和抖音小程序的上线流程及注意事项


      2、依然是网站

            这个并非bug,而是我昨天抽疯,不知道为什么突然手贱回滚了镜像,首先导致百度收录的《百度和抖音小程序的上线流程及注意事项》优质文章(5月24日发布的)消失了,而且首页的右侧客服区需要重新设置。

网站添加右侧客服栏代码、网站h5视频播放器代码

       因为本身此源码并没有这一部分,所以同样是需要添加修改部分代码来实现的,我目前是需要添加一个抖音的二维码。这里我整理出我最终设置好的代码。

       

<script type="text/javascript" src="/js/jquery.min.js"></script>

<link rel="stylesheet" href="/css/zzsc.css" />

<div id="leftsead">

<ul>

<li>

<a href="javascript:void(0)" class="youhui2"> <img src="../upFiles/infoImg/coll/202005/OT20200531085503690.png" width="47" height="49" class="2shows" /><!--<img src="../upFiles/infoImg/coll/202005/OT20200531085503690.png" width="57" height="49" class="2hides" />--><img src="../upFiles/infoImg/coll/202005/OT20200531085503289.png" width="145" class="3wm" style="display:none;margin:-100px 57px 0 0;" /> </a> 

</li>

<li>

<a href="javascript:void(0)" class="youhui"> <img src="../upFiles/infoImg/coll/202005/OT20200531085504005.png" width="47" height="49" class="shows" /> <img src="../upFiles/infoImg/coll/202005/OT20200531085504587.png" width="57" height="49" class="hides" /> <img src="../upFiles/infoImg/coll/202005/OT20200531085504224.jpg" width="145" class="2wm" style="display:none;margin:-100px 57px 0 0;" /> </a> 

</li>

<li>

<a href="http://wpa.qq.com/msgrd?v=3&uin=612459&site=qq&menu=yes" target="_blank"> 

<div class="hides" style="width:161px;display:none;" id="qq">

<div class="hides" id="p1">

<img src="../upFiles/infoImg/coll/202005/OT20200531085504658.png" /> 

</div>

<div class="hides" id="p2">

<span style="color:#FFF;font-size:13px;">612459</span> 

</div>

</div>

<img src="../upFiles/infoImg/coll/202005/OT20200531085505827.png" width="47" height="49" class="shows" /> </a> 

</li>

<li id="tel">

<a href="javascript:void(0)"> 

<div class="hides" style="width:161px;display:none;" id="tels">

<div class="hides" id="p1">

<img src="../upFiles/infoImg/coll/202005/OT20200531085505955.png" /> 

</div>

<div class="hides" id="p3">

<span style="color:#FFF;font-size:12px;">18175576644</span> 

</div>

</div>

<img src="../upFiles/infoImg/coll/202005/OT20200531085505809.png" width="47" height="49" class="shows" /> </a> 

</li>

<li id="btn">

<a id="top_btn"> 

<div class="hides" style="width:161px;display:none;">

<img src="../upFiles/infoImg/coll/202005/OT20200531085505798.png" width="161" height="49" /> 

</div>

<img src="../upFiles/infoImg/coll/202005/OT20200531085505364.png" width="47" height="49" class="shows" /> </a> 

</li>

</ul>

</div>

<script>

$(document).ready(function(){

    $("#leftsead a").hover(function(){

        if($(this).prop("className")=="youhui"){

            $(this).children("img.hides").show();

        }else{

            $(this).children("div.hides").show();

            $(this).children("img.shows").hide();

            $(this).children("div.hides").animate({marginRight:'0px'},'0'); 

        }

    },function(){ 

        if($(this).prop("className")=="youhui"){

            $(this).children("img.hides").hide();

        }else{

            $(this).children("div.hides").animate({marginRight:'-163px'},0,function(){$(this).hide();$(this).next("img.shows").show();});

        }

    });

    $("#top_btn").click(function(){if(scroll=="off") return;$("html,body").animate({scrollTop: 0}, 600);});

    //右侧导航 - 二维码

        $(".youhui").mouseover(function(){

            $(this).children(".2wm").show();

        })

        $(".youhui").mouseout(function(){

            $(this).children(".2wm").hide();

        });

    $(".youhui2").mouseover(function(){

            $(this).children(".3wm").show();

        })

        $(".youhui2").mouseout(function(){

            $(this).children(".3wm").hide();

        });

});

</script>

            $(this).children(".3wm").hide();

        });

});

</script>

      这里的/js/jquery.min.js 和css/zzsc.css 是需要自己下载的,如果引用我的,那么同样需要使用绝对地址了。代码并非我写的,前面已经说了我并非代码工作者,我仅做了适合我的内容的修改。最后代码放到页尾调用即可。

网站添加右侧客服栏代码、网站h5视频播放器代码


     


        

   版权声明,所有转载都有注明出处,本站不负责承担任何法律责往。若有侵权,请联系我。我会及时删除。

电脑维护,系统安装,软 、硬件维修,电脑配件,零售业务,网站建设,路由器安装设置 服务器维护,电脑、网络维护,智能手机刷机,安装WIFI 调试!郴州网站建设 小程序搭建 郴州电脑维修

        咨询电话:18175576644  点击这里给我发消 息
   扫描二维码。关注公众号,小程序
       享受星级服务   

手机点击二维码关注
      


手机点击打开小程序
      


相关评论
免责申明:本站部分资料来源互联网,如果侵犯了您的版权,请作者速来电或QQ与本站联系,我们将第一时间给予以改正或删除。

Copyright © 2020 哎丫丫电脑 All Rights Reserved 
 工信部备案:湘ICP备14010293号-1

不想添加任何联系方式?点击我直接访客对话