提问者:小点点

更改iframe视频的JavaScript函数


我正在尝试创建一个语言翻译页面,允许不同的视频显示时,关联的按钮被点击。

我需要为每种语言(目前为10种)创建一组按钮(带有国家标志),但我无法想出如何根据选择的语言按钮在iframe内更改视频。

该计划是有英语版本的最初可见,但当一个不同的语言按钮被选择时,视频应该改变。

如有任何帮助,我们将不胜感激。


共2个答案

匿名用户

下面是如何用按钮更改iframe的src的示例:

null

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>

匿名用户

如果你改变了视频的来源,你就能得到你要找的东西。

尝试如下所示:

video = document.getElementById("video");

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

然后,你只需要用新的视频调用函数。