video视频兼容苹果和安卓

1、苹果系统点击事件可以放到图标上。
2、安卓放到video标签上。

<div class="content" v-if="isiOS"><div class="videoWrap"><i class="el-icon-video-play" style="z-index: 999;"  @click="showBigImg(videos0, 'video')"></i><videov-if="videos0":src="videos0 + '#t=1'"alt=""/></div>
</div>
<div class="content" v-else><div class="videoWrap"><i class="el-icon-video-play"></i><videov-if="videos0"@click="showBigImg(videos0, 'video')":src="videos0 + '#t=1'"alt=""/></div>
</div>

// 判断手机端浏览器是IOS还是Android版本
getBrowser(){this.browser = navigator.userAgent;//userAgent 属性是一个只读的字符串，声明了浏览器用于 HTTP 请求的用户代理头的值this.isAndroid = this.browser.indexOf('Android') > -1 || this.browser.indexOf('Adr') > -1;this.isiOS = !!this.browser.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);
},

video视频兼容苹果和安卓相关推荐

html 视频兼容苹果,video苹果兼容flash播放
[html5]用js判断用户终端浏览器是不是支持video视频标签 function checkVideo() { if (!!document.createElement('video').canP ...
vue项目利用vue-video-player实现视频兼容IOS和安卓放大播放
首先,图片和视频混合一起,默认图片制作poster点击弹窗手机播放器 <template><div class="look-v"><section c ...
微信小程序自定义map组件标记点markers（兼容苹果和安卓）
先来看实现效果图(uniapp实现,代码在下面) 在图片中我们看到标记点有以下需求: 1.标记点是自定义的,并不是微信默认 2.标记点的自定义icon有四种形式 3.数字是动态的 4.数字颜色有两种形 ...
android无线充产品,一天售罄！鲁蛋超薄无线快充太火爆兼容苹果安卓成最大卖点...
3月5日,鲁大师发布了最新智能硬件产品--「鲁蛋超薄无线快充」. 这项智能产品同样来自旗下品牌「鲁蛋」,它是一款兼具安卓与苹果的无线充电设备,并且输出功率最高达到10W. 鲁蛋无线快充于3月6日凌晨上 ...
video.js兼容微信浏览器，（播放.m3u8视频源）解决微信浏览器黑屏问题
video.js兼容微信浏览器,(播放.m3u8视频源)解决微信浏览器黑屏问题一.问题描述: 在h5做根据视频源直播功能时,在浏览器能打开视频,但是在部分安卓机和苹果机在微信浏览器打开会出现黑屏的状 ...
video视频转成canvas（兼容至IE8+，全原生JS）
video视频转成canvas(兼容至IE8+,全原生JS) <!DOCTYPE html> <html lang="en"> <head>&l ...
很酷,酷播wordpress视频插件(支持PC/安卓/苹果跨平台播放)
当前位置:: 主页 > TAG标签 > wordpress视频插很酷,酷播wordpress视频插件(支持PC/安卓/苹果跨平台播放) 日期:2015-03-13 11:05:09 点击 ...
014day(h5的发展史，h5的兼容，h5的语法，h5的语义化，h5的常用标记，百分比下字体居中的两种方法，video视频文件，audio音频文件，
一.h5的发展史 1.HTML5草案的前身名为 Web Applications 1.0,于2004年被WHATWG提出,于2007年被W3C接纳,并成立了新的 HTML 工作团队. HTML 5 的 ...
android 7和苹果手机,苹果对比安卓，7个iPhone比安卓手机更好的理由
原标题:苹果对比安卓,7个iPhone比安卓手机更好的理由如今手机市场涌现了不少像三星Galaxy S8和小米6等优秀的安卓手机, 但是苹果手机相比安卓手机依旧有不少优势,下面我就给大家盘点一下iP ...

video视频兼容苹果和安卓

video视频兼容苹果和安卓相关推荐

最新文章

热门文章