一. Vue使用小问题
<template>
<div id="app">
<ul>
<li v-for="(item, index) in arr" :key="index">
<!--这个地方用了ES6的模板字符串,模板字符串是增强版的字符串,用反引号(`)标识-->
<img :src="require(`./assets/logo${index}.jpeg`)" alt="">
<p>{{item.text}}</p>
</li>
</ul>
<router-view/>
</div>
</template>
- Video标签问题
公众号的微信活动网页里添加视频,用到了HTML5的新标签<video>,video标签默认全屏播放,安卓手机在点击播放按钮之后会自动切换到全屏播放。
IOS 手机:video标签添加playsinline webkit-playsinline
<video id="video" ref="mVideo" controls preload="auto" src="/static/audio/source.mp4" poster="../assets/cover.png" webkit-playsinline playsinline></video>
Android 手机:video标签添加x5-playsinline,注意不与x5-video-player-type='h5' x5-video-player-fullscreen='true'一起使用。
<video id="video" ref="mVideo" src="/static/audio/source.mp4" poster="../assets/cover.png" x5-playsinline></video>