前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >点击积累

点击积累

作者头像
拿我格子衫来
发布2022-01-24 18:46:41
9010
发布2022-01-24 18:46:41
举报
文章被收录于专栏:TopFE

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('提交失败,请稍后再试')
        }
      }
    })
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • HTML5 video autoplay="autoplay" 无法自动播放的问题
  • SEO meta 设置
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档