| | |
|---|
| | | style="position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: flex; justify-content: flex-end;" |
|---|
| | | > |
|---|
| | | <iframe |
|---|
| | | width=”780″ |
|---|
| | | height=”440″ |
|---|
| | | id="ytplayer" type="text/html" width="360" height="270" |
|---|
| | | frameborder="0" |
|---|
| | | allowfullscreen |
|---|
| | | sandbox="allow-scripts allow-same-origin" |
|---|
| | | :src="filmVideoSrc" |
|---|
| | | ></iframe> |
|---|
| | | <div class="close-btn" @click="closeVideo()">X</div> |
|---|
| | |
|---|
| | | /* 確保 .video-container 有相對/絕對定位或固定寬度 */ |
|---|
| | | .video-container { |
|---|
| | | position: relative; |
|---|
| | | width: 600px; /* 根據你的影片尺寸調整 */ |
|---|
| | | width: auto; /* 根據你的影片尺寸調整 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 關閉按鈕樣式 */ |
|---|
