如何停止 HTML5 视频？

Posted 2023-05-07

【中文标题】如何停止 HTML5 视频？

【英文标题】：How to stop HTML5 video?

【发布时间】：2013-12-23 15:25:29

【问题描述】：

我在弹出窗口中有一个视频。在弹出关闭时使用下面的代码时，视频不会停止缓冲并在重新打开时具有旧视频参考。代码如下：

html：

<div id="w_oPopup">
    <a href="javascript:void(0);" class="w_cExitPopupButton"></a>
    <div id="w_oPlayer">
        <video id="w_oVideoFrame" autoplay loop controls tabindex="0"   poster="">
            <source src="video.mp4" type='video/mp4; codecs="avc1.42E01E, mp4a.40.2"' />
        </video>
    </div>
</div>

JS：

$('.w_cExitPopupButton').bind('click', onPopupBlockerClick);

function onPopupBlockerClick(e) 
    $('#w_oPopupBlocker').hide();

    //Here my tries...
    $('#w_oVideoFrame')[0].pause();
    $('#w_oVideoFrame')[0].src = "";

【问题讨论】：

可以试试$('#w_oVideoFrame').width(0).height(0);

你确定选择器 $('#w_oVideoFrame')[0] 是对的吗？

应该是正确的anand4tech

你试过$('#w_oVideoFrame')[0].currentSrc = ""吗？

是的，但不起作用:(

【参考方案1】：

尝试使用pause() 方法停止音频并重新设置音频路径并播放。没有stop() 方法可以停止视频。

function stop_audio()
    $('#w_oVideoFrame')[0].pause();
    $('#w_oVideoFrame')[0].src = " ";

function play_audio()
    $('#w_oVideoFrame')[0].src = "path of audio";
    $('#w_oVideoFrame')[0].play();

【参考方案2】：

在所选视频元素上使用 currentTime

video.currentTime = 0;