在Vue中旋转视频，你可以通过以下几种方式实现：

    使用CSS的 transform 属性：你可以通过在样式中使用 transform: rotate(90deg); 来旋转视频。例如：

    <template>
<div class="video-container">
<video ref="videoPlayer" class="video-js vjs-default-skin" controls>
<source :src="videoSrc" type="video/mp4" />
</video>
</div>
</template>
<script>
export default {
data() {
return {
videoSrc: 'path_to_your_video.mp4'
};
}
};
</script>
<style>
.video-container {
transform: rotate(90deg);
display: inline-block;
}
</style>

    这种方法会旋转整个 <video> 元素，包括其控制按钮。

    使用第三方视频播放插件：例如， xgplayer 或 video.js 等插件可能提供了自己的方法来处理视频旋转。例如，使用 xgplayer 时，可以通过设置 rotate 属性为 true 来启用视频旋转：

    data() {
return {
player: null,
videoAngle: 180, // 旋转角度
}
},
mounted() {
this.player = new Player({
el: this.$refs.videoPlayer,
url: 'your-video-url.mp4',
rotate: true, // 启用旋转
});
}

    更多详情可以参考相应插件的官方文档。

    使用Video.js插件：Video.js是一个开源的HTML5视频播放器，你可以通过CSS来实现视频的旋转。在播放器实例化后，通过CSS控制旋转：

    this.player = videojs(this.$refs.video, {
// 播放器配置
});

    然后在CSS中添加旋转样式：

    .video-js .vjs-big-play-button {
transform: rotate(90deg);
}

    这将旋转大播放按钮，但你也可以旋转整个视频。

选择适合你项目需求的方法来实现视频旋转。如果你需要更详细的帮助或者有特定的插件需求，请提供更多的信息。