<!-- src/views/PlayerIframeWrapper.vue -->
<template>
  <div class="iframe-container">
    <iframe :src="playerAppUrl" frameborder="0" allowfullscreen></iframe>
  </div>
</template>

<script setup>
import { ref } from 'vue';

// **核心配置**
// 在这里填入您 Node.js 播放器应用的实际访问地址
// 在开发环境中，可能是 localhost 地址
// 在生产环境中，应该是一个可以通过 Docker 网络访问的地址或 Nginx 代理后的地址
// const playerAppUrl = ref('http://localhost:8101'); 


const playerAppUrl = ref(import.meta.env.VITE_PLAYER_URL || 'http://localhost:8101');
// 然后在 .env 文件中定义 VITE_PLAYER_URL
</script>

<style scoped>
.iframe-container {
  /* 确保容器占满父元素 el-main 的所有可用空间 */
  width: 100%;
  height: 100%;
  overflow: hidden; /* 防止 iframe 出现不必要的滚动条 */
}

iframe {
  /* 让 iframe 自身也占满容器 */
  width: 100%;
  height: 100%;
  border: none; /* 确保没有边框 */
}
</style>
