如何在 html 中使用视频在外部播放音频？

Question

如何在 html 中通过视频在外部播放音频？

例如：

<video controls="controls" style="margin-bottom:20px;width:590px">
<source src="https://drive.google.com/uc?export=download&amp;id=1MQMkk7BUzx5K4vYt5s5GXUXTiVLAd20q" type="video/ogg" /> 
<source src="https://drive.google.com/uc?export=download&amp;id=1r9HFQeSUjE2InM7LOuNx7qaMzaVkQNfF" type="video/mp4" />
</video>

这里的.ogg文件是音频文件，.mp4是视频文件 当用户单击播放按钮时，我希望他们看到视频，但音频来自 .ogg 文件

注意：.mp4 文件有自己的音频，但我不希望用户收听该音频我希望他们收听 .ogg 文件中的外部音频

Answer 1

这就是你的代码：

<video controls="controls" style="margin-bottom:20px;width:590px">
    <source src="https://drive.google.com/uc?export=download&amp;id=1MQMkk7BUzx5K4vYt5s5GXUXTiVLAd20q" type="video/ogg" /> 
    <source src="https://drive.google.com/uc?export=download&amp;id=1r9HFQeSUjE2InM7LOuNx7qaMzaVkQNfF" type="video/mp4" /> 
</video>

给你的视频和音频标签“id”属性

<video id="video" controls muted>
    <source src="https://drive.google.com/uc?export=download&amp;id=1r9HFQeSUjE2InM7LOuNx7qaMzaVkQNfF" type="video/mp4" />
    <audio id="audio" controls>
        <source src="https://drive.google.com/uc?export=download&amp;id=1MQMkk7BUzx5K4vYt5s5GXUXTiVLAd20q" type="video/ogg" />
    </audio>
</video>

然后写脚本

<script>
    var v = document.getElementById("myvideo");
    var a = document.getElementById("myaudio");
    v.onplay  = function() {
        a.play(); 
    }
    v.onpause = function() {
        v.pause();
    }
</script>

就是这样。 实际上，这里发生的情况是，当您的视频播放时，您的音频文件将同时播放，并且每当您的视频暂停时，您的音频也将暂停。 同时，您的视频将一直静音。