仿抖音视频自动播放html,vue 仿抖音视频播放切换

一、第一部分html页面的准备

{ {item.title}}

{ {item.introduction}}

二、数据说明部分

data() {

let u = navigator.userAgent;

return {

showSlide: 0,

allLoaded: false, //数据是否全部加载完

page: 1,

isLoading: true,

option: {},

current: 0,

videoList: [],

isVideoShow: true,

playOrPause: true,

video: null,

iconPlayShow: true,

isAndroid: u.indexOf("Android") > -1 || u.indexOf("Adr") > -1, // android终端

isiOS: !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/), // ios终端

tabInde