在uniapp中nvue里<video src="your_video_url" style="width:100%; height:200px; object-fit:cover;"></video>视频宽度根据设置的固定高度进行缩放失效怎办

在 uni-app 中，如果在 nvue 中设置 `<video>` 标签的宽度为 `100%`，而高度为固定值，但视频宽度没有根据设置的固定高度进行缩放，可能是因为 nvue 中的 `<video>` 标签样式需要使用 uni-app 官方提供的样式，而不是普通的 CSS 样式。

可以尝试使用 `app-nvue` 组件内置的样式解决问题。

例如，你可以将代码修改为：

<template>
  <view>
    <video src="your_video_url" 
      class="uni-video" 
      style="height:200px; object-fit:cover;">
    </video>
  </view>
</template>

<style>
  .uni-video {
    width: 100%;
  }
</style>

在这个例子中，我们给 `<video>` 标签添加了 `class="uni-video"`，然后在样式中使用了官方提供的样式类 `.uni-video`，将宽度设置为 `100%`，高度设置为 `200px`，并使用 `object-fit: cover` 让视频按照比例缩放。

这样，视频的宽度就会根据设置的固定高度进行缩放了。

希望这个解决方案能够帮助到你。

相关问题

navue中<video src="your_video_url" style="width:100%; height:200px; object-fit:cover;"></video>视频宽度根据设置的固定高度进行缩放失效怎办

如果你设置了固定的高度并且希望视频按照这个高度进行缩放，可以在`<video>`标签中添加`max-height:100%;`样式，这样视频就会根据设置的固定高度进行缩放了。所以你可以修改代码如下：

<video src="your_video_url" style="width:100%; height:200px; object-fit:cover; max-height:100%;"></video>

这样就能够让视频根据设置的高度进行缩放了，希望能够帮助到你。

在uniapp中<video src="url" style="width:100%; height:200px;"></video>视频宽度根据设置的固定高度进行缩放失效怎办

如果在uniapp中使用<video>标签设置宽度为100%、高度为固定值后，发现视频宽度没有根据设置的高度进行缩放，可能是由于视频的宽高比不一致导致的。这时，可以通过设置object-fit属性来解决这个问题。

object-fit属性可以控制元素内容如何适应其容器。可以设置为contain或cover来让视频内容按比例缩放以适应容器大小。contain表示将视频内容缩放以适应容器大小，保持宽高比不变，可能会有留白。cover表示将视频内容缩放以填充容器大小，可能会有部分内容被裁剪。

例如：

<video src="your_video_url" style="width:100%; height:200px; object-fit:cover;"></video>

其中，设置了<video>标签的宽度为100%，高度为200px，同时设置了object-fit属性为cover。这样，<video>标签会根据设置的高度进行缩放，并填充整个容器，保持视频内容比例不变，达到视频宽度根据设置的固定高度进行缩放的效果。