indesign导入视频后无法播放-PC、移动端视频自动播放（IOS、Android、微信）完美解决方案

这可以通过在元素中使用定位来实现。

额外技巧：如何将视频变成序列图？ 方案一：请UI小姐姐帮忙生成~

使用特殊技能：卖萌撒娇、端茶送水、奶茶零食等等都可以实现！

选项 2：使用 Premiere cc 处理软件

计划如下：

在电脑上打开premiere cc 2017，导入视频并进行编辑。

编辑完视频后indesign导入视频后无法播放，按导出快捷键Ctrl+M，弹出导出页面，然后选择JPEG格式作为格式。

3. 单击输出名称选择保存路径。

4.设置格式和保存路径后卡通形象，点击底部的导出，等待图片导出。

关于性能的其他注意事项

人眼的追踪能力比大猩猩弱。 因此表情包设计，实际开发并不一定要求每秒24帧的播放速率。 每秒有 18 帧。 对于H5操作活动，用户是无感知的。 的。 每秒18帧的播放可以节省大量的请求和加载数据，性能也能得到提升。 综合考虑indesign导入视频后无法播放，还是推荐的。 毕竟我们参加的不是动漫大赛，而是在线网络产品。

附章-PC端视频自动播放

PC端更简单。 浏览器对标签的兼容性还是很好的。 但是，如果您想在浏览器中自动播放Banner视频，则必须设置这些属性才能更好地实现。 您可以查看下面详细的代码注释。

<video
// 设置后，音频会初始化为静音，注意浏览器只有设置静音，才能自动播放
 muted
 
// 视频会马上自动开始播放，不会停下来等着数据载入结束。
autoplay="autoplay"
// 布尔属性；指定后，会在视频结尾的地方，自动返回视频开始的地方
 loop="loop"
 
// 一个布尔属性，标志视频将被“inline”播放，即在元素的播放区域内。
x5-playsinline="true"
playsinline="true"
webkit-playsinline="true"
// 一个布尔属性，用于禁用使用有线连接的设备(HDMI、DVI等)的远程播放功能。
x-webkit-airplay="allow"
// 这个视频优先加载
preload="auto"
// 启用同层H5播放器，就是在视频全屏的时候，div可以呈现在视频层上，也是WeChat安卓版特有的属性。同层播放别名也叫做沉浸式播放
x5-video-player-type="h5"
// :全屏设置。它又两个属性值，ture和false，true支持全屏播放
x5-video-player-fullscreen="true"
>
//  标签为媒介元素（比如 

按照上面同样的方法设置后，PC网页就可以自动播放了！

结尾

如果您有任何疑问，可以在下方留言，我们会尽快回复

感谢您花时间阅读这篇文章，希望它能够对您有所帮助！

我到过山顶，也到过谷底，都学到了很多东西。 个人网站：