HTML5 寻道时视频调用onpause和onplay事件

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

以这个页面为例：

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

如果我在播放视频时进行搜索，那么这两个都会显示在控制台中。 如果我在视频暂停时进行搜索，则两者都不会出现在控制台中。 我该如何做到这一点，以便仅当用户明确暂停/播放视频时才调用这些函数？

HTML5 寻道时视频调用onpause和onplay事件

问题描述

1 个解决方案

解决方案1
0 2020-05-10 10:06:57

HTML5 寻道时视频调用onpause和onplay事件

问题描述

1 个解决方案

解决方案1 0 2020-05-10 10:06:57

解决方案1
0 2020-05-10 10:06:57