| | |
|---|
| | | 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 allow-popups allow-presentation fullscreen" |
|---|
| | | :src="filmVideoSrc" |
|---|
| | | ></iframe> |
|---|
| | | <div class="close-btn" @click="closeVideo()">X</div> |
|---|
| | |
|---|
| | | get filmVideoSrc() { |
|---|
| | | if (!this.fromAccess) return ''; |
|---|
| | | return this.fromAccess === AccessFroms.FILM_1 |
|---|
| | | ? 'https://www.youtube.com/embed/zVBLW9hWD0g?autoplay=1&mute=1&controls=0&showinfo=0&loop=1&playlist=zVBLW9hWD0g' |
|---|
| | | : 'https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1&controls=0&showinfo=0&loop=1&playlist=655JnwbuRGA'; |
|---|
| | | ? 'https://www.youtube.com/embed/zVBLW9hWD0g?autoplay=1&mute=1&loop=1&playlist=zVBLW9hWD0g' |
|---|
| | | : 'https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1&loop=1&playlist=655JnwbuRGA'; |
|---|
| | | } |
|---|
| | | |
|---|
| | | |
|---|
| | |
|---|
| | | /* 確保 .video-container 有相對/絕對定位或固定寬度 */ |
|---|
| | | .video-container { |
|---|
| | | position: relative; |
|---|
| | | width: 600px; /* 根據你的影片尺寸調整 */ |
|---|
| | | width: auto; /* 根據你的影片尺寸調整 */ |
|---|
| | | } |
|---|
| | | |
|---|
| | | /* 關閉按鈕樣式 */ |
|---|
