-1

我的网站上有一个视频和一个按钮，可以将显示的视频与另一个交换。当我这样做时，它可以工作，但是在更改后显示的第一个视频在后台播放（我可以在这里听到它的声音）。我想在它被替换之前暂停第一个视频/停止播放它，但这不起作用。代码被完美替换，但为什么第一个视频仍在后台播放？有什么提示吗？谢谢！

<video id="video" controls="controls" autoplay="autoplay" loop="loop">
<source src="inc/1.mp4" type="video/mp4">
<source src="inc/1.webm" type="video/webm">               
</video>
<div class="video-active" movie="one">Active Video</div>


$(function() {
    $(".section-video-button").on("click", function() {
        document.getElementById('video').pause();
        if ($('.video-active').attr('movie') == 'one') {
            $('#video').replaceWith('<video id="video" controls="controls" autoplay="autoplay" loop="loop"><source src="inc/2.mp4" type="video/mp4"><source src="inc/2.webm" type="video/webm"></video>');
            $('.video-active').attr('movie','two');
        } else {
            $('#video').replaceWith('<video id="video" controls="controls" autoplay="autoplay" loop="loop"><source src="inc/1.mp4" type="video/mp4"><source src="inc/1.webm" type="video/webm"></video>');
            $('.video-active').attr('movie','one');
        }

        $('#video').load();
    });
 });
4

2 回答 2

1

更新 jQuery 页面以包含用于播放和暂停视频的 javascript/jQuery 代码。

$("video").trigger("play");
$("video").trigger("pause");
于 2013-10-26T14:00:12.940 回答
0

尝试使用 .html() 而不是使用 replaceWith()，或者只是更改 SRC 属性，插入整个代码。

您也可以尝试使用 .stop() 功能。

于 2013-10-26T13:55:45.517 回答