video在vue全屏的是电脑屏幕，我想全屏在我自己代码里

在Vue.js中，如果你想让video元素全屏显示并适应你的自定义布局，你可以通过JavaScript操作video元素的`fullscreen`属性来实现。首先确保你已经有一个Vue组件并且包含了一个`<video>`标签。以下是一个简单的例子：

<template>
  <div ref="videoWrapper">
    <video ref="myVideo" :src="videoSrc" @fullscreenchange="handleFullscreenChange"></video>
  </div>
</template>

<script>
export default {
  data() {
    return {
      videoSrc: 'your_video_source', // 替换为你的视频源URL
    };
  },
  methods: {
    handleFullscreenChange(e) {
      if (e.target.requestFullscreen) { // 判断是否支持全屏API
        e.target.requestFullscreen();
      } else if (e.target.webkitRequestFullscreen) { // 对于一些老版本的浏览器，可能会使用WebKit API
        e.target.webkitRequestFullscreen();
      }
    },
  },
};
</script>

在这个例子中，我们利用了HTML5的全屏API，当用户点击全屏按钮（例如`<button @click="handleFullscreen">全屏</button>`），或者触发其他条件使得`fullscreenchange`事件触发时，`handleFullscreenChange`方法会被调用，然后视频就会进入全屏模式。