点击积累

2022-01-24 18:46:41 浏览数 (2)

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

设置

代码语言:javascript复制
<video muted src="" autoplay loop></video>

SEO meta 设置

代码语言:javascript复制
<title>标题</title>
<meta name="keywords" content="关键词 ">
<meta name="description" content="描述">

轮播图 设置自动播放

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

代码语言:javascript复制
data-swiper-autoplay="2000"
代码语言:javascript复制
<div class="swiper-slide" data-swiper-autoplay="2000"><video muted autoplay  src="__STATIC__/index/banner_264.mp4" loop controls="false"></video></div>
代码语言:javascript复制
        var mySwiper = new Swiper ('.swiper-container', {
            // 轮播图的方向,也可以是vertical方向
            direction:'horizontal',
            // 自动播放时间
            autoplay:true,
            // 播放的速度
            speed:1000,
            // 如果需要分页器,即下面的小圆点
             pagination: {
                 el: '.swiper-pagination',
                 clickable:true,
             },
            // 这样,即使我们滑动之后, 定时器也不会被清除
            autoplayDisableOnInteraction : false,
            });

使用jquery的 ajax上传图片

代码语言:javascript复制
 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('提交失败,请稍后再试')
        }
      }
    })

0 人点赞