首页前端开发HTMLhtml video标签怎么设置退出

html video标签怎么设置退出

时间2023-07-11 12:17:02发布访客分类HTML浏览652
导读:HTML中的video标签可以用来嵌入视频,但是有时候我们需要让视频在特定条件下自动退出,该怎么设置呢?下面我们通过代码来进行说明:<video id="myVideo" width="320" height="240" contro...

HTML中的video标签可以用来嵌入视频,但是有时候我们需要让视频在特定条件下自动退出,该怎么设置呢?下面我们通过代码来进行说明:

video id="myVideo" width="320" height="240" controls>
    source src="movie.mp4" type="video/mp4">
    source src="movie.ogg" type="video/ogg">
    Your browser does not support the video tag./video>
    script>
    var video = document.getElementById("myVideo");
video.onended = function() {
    // 当视频播放完成时自动退出window.close();
}
    ;
    /script>
    

在代码中,我们使用了video的属性onended来判断视频是否已经播放完成。当video.onended回调函数被触发时,我们使用window.close()来关闭当前窗口,实现了视频播放完成后自动退出的效果。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: html video标签怎么设置退出
本文地址: https://pptw.com/jishu/303332.html
html word行距怎么设置 html video设置位置

游客 回复需填写必要信息