Javascript 带有两个视频标签的HTML不起作用

我想在一个页面上添加两个视频，但它不允许我这样做。我认为这是因为它在同一个元素中。我试着在这两个地方添加

标签，但仍然没有成功。它只使用一个视频标签，而不是两个。这是我的视频代码：

<div id="advertising">
    <audio controls autoplay loop>
        <source src = "eyeOnIt.mp4" type = "audio/mp4" />
        <source src = "eyeOnIt.ogg" type = "audio/ogg" />
        <source src = "eyeOnIt.mp3" type = "audio/mpeg" />
        Your browser does not support the audio element.
    </audio>
    <div>
        <video width = "256px" controls>
            <source src = "RachelMov.mmp4" type = "video/mp4" />
            Your browser does not support the video element.
        </video>
    </div>

    <div>
        <video width = "256px" controls>
            <source src = "daddyWood.mp4" type = "video/mp4" />
            Your browser does not support the video element.
        </video>
    </div>
</div>
    <script>
        $("audio").on('timeupdate', function(evt){
            var duration = evt.target.duration;
            var current = evt.target.currentTime;
            $('progress').val(current/duration);
        }); 

        $('#play').click(function(evt) {
            evt.preventDefault();
            $("audio")[0].play();
        });

        $('#pause').click(function(evt) {
            evt.preventDefault();
            $("audio")[0].pause();
        });

        $('#stop').click(function(evt) {
            evt.preventDefault();
            $("audio")[0].currentTime = 0;
            $("audio")[0].pause();
        });

        $('#setLocation').change(function(evt) {
            var val = $(evt.target).val();
            var duration = $("audio")[0].duration;
            var location = duration*(parseInt(val)/100);
            $("audio")[0].currentTime = location;
            $("audio")[0].play();
        });
    </script>

您的浏览器不支持音频元素。
您的浏览器不支持视频元素。
您的浏览器不支持视频元素。
$（“音频”）。打开（'timeupdate'，函数（evt）{
var持续时间=evt.target.duration；
var current=evt.target.currentTime；
$（'progress'）.val（当前/持续时间）；
}); 
$（“#播放”）。单击（函数（evt）{
evt.preventDefault（）；
$（“音频”）[0]。播放（）；
});
$（“#暂停”）。单击（函数（evt）{
evt.preventDefault（）；
$（“音频”）[0]。暂停（）；
});
$（“#停止”）。单击（函数（evt）{
evt.preventDefault（）；
$（“音频”）[0].currentTime=0；
$（“音频”）[0]。暂停（）；
});
$（'#setLocation'）。更改（函数（evt）{
var val=$（evt.target）.val（）；
var duration=$（“音频”）[0]。duration；
变量位置=持续时间*（parseInt（val）/100）；
$（“音频”）[0]。当前时间=位置；
$（“音频”）[0]。播放（）；
});

---

我不太清楚视频的问题是什么。

我发现了语法问题和逻辑问题。文件RachelMov.mmp4应该是Rachel.mp4，因为我更改了文件名，而mmp4的语法错误。preload=none标记也导致视频根本无法访问

这也是我可能要补充的一个学校项目。我正在为我的家人做一个网站，希望添加视频。请尝试修复html属性间距…视频宽度只是一个整数，对于视频，您需要添加高度以及。您的javascript使用jquery格式，但我没有找到像

$（document.ready（function（）{…}）这样的jquery引号

尝试了Html部分，在同一页面上有两个或更多视频是可以的。你把视频和html页面放在同一个地方了吗？视频在同一个地方。我怀疑，

preload=“none”

永远不会让视频不可访问，这是一个标准设置，适用于除旧IE以外的所有浏览器。当我删除它时，它开始工作