<template>
<view class="content">
<video :src="src" :poster="poster"></video>
</view>
</template>
<script>
export default {
data() {
return {
src: 'https://www.budaos.com/bds/uploads/474182cc-b0db-45dd-90e1-cda620ba9a5d.mp4',
poster: 'https://www.budaos.com/bds/uploads/474182cc-b0db-45dd-90e1-cda620ba9a5d.jpg'
}
},
onLoad() {
},
methods: {
}
}
</script>
首席烟花引燃师
- 发布：2021-08-18 16:13
- 更新：2021-09-27 15:40
- 阅读：858
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 20H2
HBuilderX类型： Alpha
HBuilderX版本号： 3.2.1
手机系统： iOS
手机系统版本号： iOS 12.4
手机厂商： 苹果
手机机型： iphone6
页面类型： nvue
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
新建uni-app工程，在index.vue中粘贴上述示例代码，目前是用的iphone6 系统12.5.4测试，发现poster封面图被旋转了。而安卓手机不会旋转。
新建uni-app工程，在index.vue中粘贴上述示例代码，目前是用的iphone6 系统12.5.4测试，发现poster封面图被旋转了。而安卓手机不会旋转。
预期结果：
苹果手机和安卓手机应该保持一致性，要么都旋转，要么都不旋转
苹果手机和安卓手机应该保持一致性，要么都旋转，要么都不旋转
实际结果：
苹果手机poster图被旋转
安卓手机poster图不会被旋转
苹果手机poster图被旋转
安卓手机poster图不会被旋转
bug描述：
起初看到HX Alpha3.2版本修复了安卓下video播放视频暂停时预览页显示横屏问题，我还以为苹果相类似的问题也同步修复了，结果测试发现并没有修复 。
问题如下：
video标签中src加载的视频如果带有旋转属性后，设置的poster封面图。苹果手机下会旋转，安卓手机下又不会旋转。所以做这类功能时，封面图还得按手机终端类型不同做两张封面图，极其的不方便。望官方能及时修复该问题使用得苹果和安卓效果一致性。
