javascript 具有模态和键盘支持的自动播放HTML5视频

Posted 2021-05-04

<script type="text/javascript">
$('#modal-sample').on('shown.bs.modal', function() {
    $('#video1')[0].play();
})
$('#modal-sample').on('hidden.bs.modal', function() {
    $('#video1')[0].pause();
})
$(window).keypress(function(e) {
    var video = document.getElementById("video1");
    if (e.which == 32) {
        if (video.paused == true) video.play();
        else video.pause();
    }
});
</script>