点击积累

HTML5 video autoplay="autoplay" 无法自动播放的问题

设置

<video muted src="" autoplay loop></video>
 

SEO meta 设置

  

   

    

     

    
    

     

      <title>标题</title>
     
    
   

    

     

    
    

     

      <meta name="keywords" content="关键词 ">
     
    
   

    

     

    
    

     

      <meta name="description" content="描述">
     
    
  
 

轮播图 设置自动播放 

使用 data-swiper-autoplay="2000" 来设置停留多久

data-swiper-autoplay="2000"
 

<div class="swiper-slide" data-swiper-autoplay="2000"><video muted autoplay  src="__STATIC__/index/banner_264.mp4" loop controls="false"></video></div>
 

  

   

    

     

    
    

     
        var mySwiper = new Swiper ('.swiper-container', {
     
    
   

    

     

    
    

     
            // 轮播图的方向，也可以是vertical方向
     
    
   

    

     

    
    

     
            direction:'horizontal',
     
    
   

    

     

    
    

     
            // 自动播放时间
     
    
   

    

     

    
    

     
            autoplay:true,
     
    
   

    

     

    
    

     
            // 播放的速度
     
    
   

    

     

    
    

     
            speed:1000,
     
    
   

    

     

    
    

     
            // 如果需要分页器，即下面的小圆点
     
    
   

    

     

    
    

     
             pagination: {
     
    
   

    

     

    
    

     
                 el: '.swiper-pagination',
     
    
   

    

     

    
    

     
                 clickable:true,
     
    
   

    

     

    
    

     

                   },
     
    
   

    

     

    
    

     
            // 这样，即使我们滑动之后， 定时器也不会被清除
     
    
   

    

     

    
    

     

                  autoplayDisableOnInteraction : false,
     
    
   

    

     

    
    

     

                  });
     
    
  
 

使用jquery的 ajax上传图片

  

   

    

     

    
    

     
 var sendData = new FormData()
     
    
   

    

     

    
    

     

          sendData.append('content', suggest_textarea)
     
    
   

    

     

    
    

     

          sendData.append('image', update_file)
     
    
   

    

     

    
    

     

          sendData.append('nickname', suggest_name)
     
    
   

    

     

    
    

     

          sendData.append('phone', suggest_phone)
     
    
   

    

     

    
    

     

          $.ajax({
     
    
   

    

     

    
    

     
      url:'mczaiyun.top',
     
    
   

    

     

    
    

     
      type: 'post',
     
    
   

    

     

    
    

     

            contentType : false, // 必须 告诉jQuery不要去设置Content-Type请求头
     
    
   

    

     

    
    

     
      processData: false, // 必须 告诉jQuery不要去处理发送的数据
     
    
   

    

     

    
    

     
      data: sendData,
     
    
   

    

     

    
    

     
      success: function(res) {
     
    
   

    

     

    
    

     
        if(res.code === 1) {
     
    
   

    

     

    
    

     
          alert('提交成功,谢谢您的反馈')
     
    
   

    

     

    
    

     

                $("#suggest_textarea").val('')
     
    
   

    

     

    
    

     

                $("#update_file").val('')
     
    
   

    

     

    
    

     

                $("#suggest_name").val('')
     
    
   

    

     

    
    

     

                $("#suggest_phone").val('')
     
    
   

    

     

    
    

     

              } else {
     
    
   

    

     

    
    

     
          alert('提交失败,请稍后再试')
     
    
   

    

     

    
    

     

              }
     
    
   

    

     

    
    

     

            }
     
    
   

    

     

    
    

     

          })
     
    
  
 

文章来源: fizzz.blog.csdn.net，作者：拿我格子衫来，版权归原作者所有，如需转载，请联系作者。

原文链接：fizzz.blog.csdn.net/article/details/105146265