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