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('提交失败,请稍后再试')
}
}
})