Question

以该页面为例：

<!doctype html>

<html>
    <body>
        <video id="video" controls width="500" muted="muted" >   
            <source src="https://file-examples.com/wp-content/uploads/2017/04/file_example_MP4_1920_18MG.mp4" type="video/mp4"/>  
        </video>
        <script type="text/javascript">
            var vid=document.getElementById('video')

            vid.onpause=function(){
                console.log('on pause executed')
            }

            vid.onplay=function(){
                console.log('on play executed')
            }
        </script>
    </body>
</html>

如果我在播放视频的同时进行搜索，那么这两者都会显示在控制台中。如果我在视频暂停期间进行搜索，则都不会显示在控制台中。我该如何做，以便仅在用户显式暂停/播放视频时才调用这些功能？

Answer 1

在这里我添加了2件事。

添加了带有标志onseeking的{{1}}和onseeked事件。
- 这将防止在您实际搜索时触发isSeeking和onplay
在onpause事件中添加了超时
- 这是用来阻止onpause的黑客行为，当您开始寻找

onpause

搜索时HTML5视频通话的暂停和播放事件

1 个答案: