我正在尝试创建一个语言翻译页面,允许不同的视频显示时,关联的按钮被点击。
我需要为每种语言(目前为10种)创建一组按钮(带有国家标志),但我无法想出如何根据选择的语言按钮在iframe内更改视频。
该计划是有英语版本的最初可见,但当一个不同的语言按钮被选择时,视频应该改变。
如有任何帮助,我们将不胜感激。
下面是如何用按钮更改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;
}
然后,你只需要用新的视频调用函数。