【问题标题】:JavaScript & HTML - Remove video sounds after exit or escaping the video full screenJavaScript & HTML - 退出或转义视频全屏后删除视频声音
【发布时间】:2019-01-09 05:37:04
【问题描述】:

我想在按 ESC 键或退出视频后删除视频的声音,因为我的视频是全屏的。

**问题**:当我按下ESC键或退出视频全屏后,声音仍在播放,这是一个错误,有人可以帮我解决这个问题,谢谢。

我想在我退出视频屏幕后停止视频播放视频声音或停止播放视频声音。

这是我的视频

 <video oncontextmenu="return false;" src="../inflightapp/storage/app/public/series_videos/<?php echo ''.$row5['episode_video'].''; ?>" id="<?php echo ''.$row5['id'].'';?>" width="1px" controls controlsList="nodownload"></video>

Javascript

 var video = document.getElementById(title);   
    document.onkeypress = function(e){
        if((e || window.event).keyCode === 32){
            video.paused ? video.play() : video.pause();
        }
    };
    $('video.series-video').bind('webkitfullscreenchange mozfullscreenchange fullscreenchange', function(e) {
    var state = document.fullScreen || document.mozFullScreen || document.webkitIsFullScreen;
    var event = state ? 'FullscreenOn' : 'FullscreenOff';

【问题讨论】:

    标签: javascript php jquery html video


    【解决方案1】:

    你可以试试下面的代码,

     if (document.addEventListener)
    {
        document.addEventListener('webkitfullscreenchange', exitHandler, false);
        document.addEventListener('mozfullscreenchange', exitHandler, false);
        document.addEventListener('fullscreenchange', exitHandler, false);
        document.addEventListener('MSFullscreenChange', exitHandler, false);
    }
    
    function exitHandler()
    {
        if (document.webkitIsFullScreen || document.mozFullScreen || document.msFullscreenElement !== null)
        {
            /* Run code for exit */
        }
    }
    

    【讨论】:

    • 我应该在 r/* Run code for exit*/ 中输入什么代码,您的代码对先生意味着什么?你能解释一下吗谢谢
    • 好的,先生,我的问题呢?关闭视频屏幕后必须消除声音怎么办?
    • var vid = document.getElementById("您的视频 ID"); vid.muted = true;
    • 我很困惑 rn 先生 :( 请你参考我的代码好吗。谢谢
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2013-10-21
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多