Как мне связать этот источник с iFrame в vue js?

Question

Как мне привязать к iframe src что-то, полученное обратно через API данных YouTube?

Могу ли я установить строку внутри: src и объединить ее в конец?

/embed/'this.param.videoId'

Ответ возвращает Id {{video.snippet.resourceId.videoId}}, но URL содержит другие части src = «https://www.youtube.com/embed/xxx”

Любая помощь с благодарностью!

Спасибо

Answer 1

Это сработало:

 :src="ytEmbedUrl + video.snippet.resourceId.videoId"

Answer 2

iframe разрешается только при наличии videoId:

<iframe v-if="videoId" :src="mySrc"></iframe>

вычисляемое свойство:

computed: {
  mySrc: {
    get: function() {
      //concat using template literal
      return `https://www.youtube.com/embed/${this.videoId}`
    }
  }
}

свойство данных:

{
  videoId: false
}

Ваш метод для присвоения ему:

methods: {
  getMyVideo() {
    video = // get my video code
    this.videoId = video.snippet.resourceId.videoId
  }
}

Или просто вставьте его, если вы супер ленивый:

<iframe src="`https://www.youtube.com/embed/${videoId}`"></iframe>