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

1 个答案: