收藏
回答

video改变视频宽高,视频内容区域的transition不生效,仅在ios复现?



需求有个改变视频宽高的动效, 在开发者工具和安卓设备测试都能达到预期效果, 在ios设备上就有这样的问题。求解决~

<template>
  <view>
    <video
      :class="{transition: clicked}"
      src="xxx"
    />
    <button @tap="onClick">touch me</button>
  </view>
</template>


<script>
export default {
  components: {
  },
  data() {
    return {
      clicked: false,
    }
  },
  computed: {},
  beforeDestroy() {},
  methods: {
    onClick() {
      this.clicked = !this.clicked;
    },
  },
  onShow() {
  },
  onShareAppMessage() {
  },
}
</script>


<style lang="less">
  video {
    width: 300rpx;
    height: 300rpx;
    transition: all 5s;
  }
  .transition {
    width: 600rpx;
    height: 600rpx;
  }


  button {
    line-height: 100rpx;
    height: 100rpx;
    width: 100rpx;
    background: chocolate;
  }
</style>
回答关注问题邀请回答
收藏

1 个回答

登录 后发表内容
问题标签