JavaScript функция для изменения видео iframe

Question

Я пытаюсь создать страницу языкового перевода, которая позволяет отображать разные видео при нажатии соответствующей кнопки.

Мне нужно создать группу кнопок (с флагом страны) для каждого языка ( в настоящее время 10), но я не могу понять, как изменить видео в iframe в зависимости от выбранной языковой кнопки.

План состоит в том, чтобы изначально отображалась языковая версия Engli sh, но когда другой язык выбрана кнопка, видео должно измениться.

Любая помощь приветствуется.

Answer 1

Вот пример того, как изменить sr c iframe с помощью кнопок:

videoFrame = document.getElementById('video');

function setLanguage(lang) {
  switch(lang) {
    case 'en':
      videoFrame.src = 'https://example.com/';
      break;
    case 'fr':
      videoFrame.src = 'https://french.com/';
      break;
  } 
}

<button onclick="setLanguage('en')">English</button>
<button onclick="setLanguage('fr')">French</button>
<br><br>
<iframe id="video" src="https://example.com/"></iframe>

Answer 2

Если вы измените источник видео, вы можете получить то, что ищете.

Попробуйте что-то вроде этого:

video = document.getElementById("video");

var changeVideo = function(newVideo) {
    video.src = newVideo;
}

Затем вам просто нужно вызвать функцию с новым видео.