Jquery 我想在视频结束时打开对话框
我需要知道如何在“视频结束”时显示弹出框。 我知道如何简单地在按钮点击等事件上显示popuo，但我如何知道视频已结束，然后显示弹出框 如果代码是jQuery/javascript，那么最好试试这个Jquery 我想在视频结束时打开对话框,jquery,Jquery,我需要知道如何在“视频结束”时显示弹出框。 我知道如何简单地在按钮点击等事件上显示popuo，但我如何知道视频已结束，然后显示弹出框 如果代码是jQuery/javascript，那么最好试试这个 <html> <head> <title></title> <script> function videoEnded() { alert('video ended'); } </script>
<html>
<head>
<title></title>
<script>
function videoEnded() {
alert('video ended');
}
</script>
</head>
<body>
<video src="video/endscene.mp4" id="video" controls onended="videoEnded()">
video not supported
</video>
</body>
</html>
函数videoEnded（）{
警报（“视频结束”）；
}
不支持视频
setTimeout(function() {
var vid = document.getElementById("video");
var dialogbox = document.getElementById("dialogbox");
dialogbox.style.display = 'true'; }
, vid.duration * 1000);
display:none如果您在视频开始后调用此对话框，则应该非常准确您可以使用类似bootbox.js的东西来创建模式对话框，并使用视频中的“oneded”属性来调用对话框。这是它的代码
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<script src="bootbox.min.js"></script>
<script>
function videoHasFinished(){
bootbox.alert("You have finished watching this video", function() {});
}
</script>
</head>
<body>
<video width="320" height="240" controls onended="videoHasFinished()">
<source src="http://www.w3schools.com/html/mov_bbb.mp4" type="video/mp4">
<source src="http://www.w3schools.com/html/mov_bbb.ogg" type="video/ogg">
Your browser does not support the video tag.
</video>
</body>
</html>
函数videoHasFinished（）{
alert（“您已观看完此视频”，function（）{}）；
}
您的浏览器不支持视频标记。