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

Question

我想在一个页面中添加两个视频，但它不允许。我认为这是因为它在同一元素内。我尝试在两者周围添加 <div> 标签，但仍然没有成功。它适用于一个视频标签，而不是两个。这是我的视频代码：

<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>

我不太确定视频有什么问题。

Answer 1

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

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

HTML with two video tags not working

html

javascript

video

jquery

mp4