技術標籤：vuevue.jsjavascripthtml前端

ios開啟靜音才能自動播放，播放後 關閉靜音

    <video-player
      id="myVideo"
      class="video-player vjs-custom-skin"
      ref="videoPlayer"
      :options="playerOptions"
      :playsinline="playsinline"
      webkit-playsinline=
 
"true"
      x5-playsinline="true"
      x5-video-orientation="landscape"
      style="object-fit:fill;"
    >
    </video-player>
    data() {
    return {
      playerOptions: {
        muted: true, // 預設情況下將會消除任何音訊。 //**關鍵問題** ios開啟靜音才能自動播放
      },
      
    }
 
;
    methods: {
    isIos() {
      let u = navigator.userAgent;
      let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //android終端
      let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //
      if (isIOS) {
        return false;
      } else {
        return
 
 true;
      }
    },

  computed: {
    player() {
      return this.$refs.videoPlayer.player;
    },
    playsinline() {
      this.playerOptions.muted = false;  // 播放之後關閉靜音 
      return this.isIos();
    },

  }
};