使用JavaScript禁用活动选项卡按钮
使用JavaScript禁用活动选项卡按钮
提问于 2018-06-29 02:01:04
我有一个tabs脚本，在同一地点有四个视频。我想禁用当前的onload按钮"Word“，然后禁用"active”按钮并启用其余按钮。
示例：
Excel单击Word - Word按钮被禁用(所有其他enabled).
- Clicks -
- 按钮被禁用(所有其他按钮都已启用)，依此类推。
以下是布局的图像：
代码如下：
var word = 'https://www.microsoft.com/en-us/videoplayer/embed/b45fdfa1-9cfc-4621-9b41-cf14f300af5a?pid=ocpVideo0-innerdiv-oneplayer&postJsllMsg=true&maskLevel=20&market=en-us'; //https://www.youtube.com/embed/S-nHYzK-BVg?rel=0&controls=0&showinfo=0
var excel = 'https://www.microsoft.com/en-us/videoplayer/embed/57a73113-90a7-4134-b4d2-b688665ee9df?pid=ocpVideo0-innerdiv-oneplayer&postJsllMsg=true&maskLevel=20&market=en-us'; //https://www.youtube.com/embed/rwbho0CgEAE?rel=0&controls=0&showinfo=0
var powerpoint = 'https://www.microsoft.com/en-us/videoplayer/embed/98700e07-e32e-4c85-b04f-910750316a5d?pid=ocpVideo0-innerdiv-oneplayer&postJsllMsg=true&maskLevel=20&market=en-us'; //https://www.youtube.com/embed/XF34-Wu6qWU?rel=0&controls=0&showinfo=0
var onenote = 'https://www.microsoft.com/en-us/videoplayer/embed/866b3f9f-b86e-471d-a137-a2408b88e545?pid=ocpVideo0-innerdiv-oneplayer&postJsllMsg=true&maskLevel=20&market=en-us'; // https://www.youtube.com/embed/_bKiatpaacg?rel=0&controls=0&showinfo=0
var player = document.getElementById('player');
function videoSelect(element) {
if (element === "word") {
player.innerHTML = '<iframe width="560" height="315" src="' + word + '"></iframe>'; //<iframe width="560" height="315" src="' + word + '" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
}
if (element === "excel") {
player.innerHTML = '<iframe width="560" height="315" src="' + excel + '"></iframe>'; // frameborder="0" allow="autoplay; encrypted-media" allowfullscreen
}
if (element === "powerpoint") {
player.innerHTML = '<iframe width="560" height="315" src="' + powerpoint + '"></iframe>'; // frameborder="0" allow="autoplay; encrypted-media" allowfullscreen
}
if (element === "onenote") {
player.innerHTML = '<iframe width="560" height="315" src="' + onenote + '"></iframe>'; // frameborder="0" allow="autoplay; encrypted-media" allowfullscreen
}
}
if (videoSelect) {
videoSelect.disabled = true;
} else {
videoSelect.disabled = false;
}<div class="row">
<div id="options">
<button type="button" id="word" onclick="videoSelect(this.id)">Word</button>
<button type="button" id="excel" onclick="videoSelect(this.id)">Excel</button>
<button type="button" id="powerpoint" onclick="videoSelect(this.id)">
PowerPoint</button>
<button type="button" id="onenote" onclick="videoSelect(this.id)">
OneNote</button>
</div>
<div id="player">
<iframe width="560" height="315" src="https://www.microsoft.com/en-us/videoplayer/embed/b45fdfa1-9cfc-4621-9b41-cf14f300af5a?pid=ocpVideo0-innerdiv-oneplayer&postJsllMsg=true&maskLevel=20&market=en-us"></iframe>
</div>
</div>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51089010
复制相关文章
相似问题