Update#172071: 右下角影片預設放大一點

Tomas

2023-08-17 89a12be9b19405ea5f775cf2981375cefe575d1b

 PAMapp/pages/index.vue

@@ -59,7 +59,7 @@
                  <p>性別：{{gender}}</p>
                  <p>年齡：{{appointmentDetail.age | toAgeLabel }}</p>
                  <p>職業：{{appointmentDetail.job}}</p>
                  <p>諮詢方式：{{appointmentDetail.consultationMethod }}</p>
                  <p>諮詢方式：{{appointmentDetail.consultationMethod | toConsultationMethod }}</p>
                  <p>需求：{{ appointmentDetail.requirement ? appointmentDetail.requirement.split(',').join('、') : '--'}}</p>
                  <p
                      v-for="(item, index) in hopeContactTime"
@@ -147,10 +147,12 @@
         v-if="isShowFilmPlayer"
         style="position: fixed; bottom: 30px; right: 30px; z-index: 9999; display: flex; justify-content: flex-end;"
    >
      <iframe width=”780″
              height=”440″
              allowfullscreen
              src="https://www.youtube.com/embed/655JnwbuRGA?autoplay=1&mute=1"
      <iframe
        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>
    </div>
@@ -159,7 +161,7 @@
</template>

<script lang="ts">
import {Action, Component, Mutation, namespace, State, Vue, Watch} from 'nuxt-property-decorator';
import {Action, Component, Getter, Mutation, namespace, State, Vue, Watch} from 'nuxt-property-decorator';

import appointmentService from '~/shared/services/appointment.service';
import utilService, {AccessFroms} from '~/shared/services/utils.service';
@@ -276,7 +278,22 @@
      appointments       : []
    };

    isShowFilmPlayer = true;
    isCloseVideo = false;

    @Getter
    fromAccess!: AccessFroms;

    get filmVideoSrc() {
      if (!this.fromAccess) return '';
      return this.fromAccess === AccessFroms.FILM_1
        ? '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';
    }


    get isShowFilmPlayer() {
      return !!this.fromAccess && !this.isCloseVideo;
    }

    //////////////////////////////////////////////////////////////////////

@@ -438,8 +455,8 @@
        this.storageClearNotContactAppointmentIdFromMsg();
    }

    closeVideo() {
      this.isShowFilmPlayer = false;
    closeVideo(): void {
      this.isCloseVideo = true;
    }

    ///////////////////////////////////////////////////////////////////////////////
@@ -560,7 +577,7 @@
  /* 確保 .video-container 有相對/絕對定位或固定寬度 */
  .video-container {
    position: relative;
    width: 600px; /* 根據你的影片尺寸調整 */
    width: auto; /* 根據你的影片尺寸調整 */
  }

  /* 關閉按鈕樣式 */