我想添加一个功能到我的网站。用户必须观看一个短视频。我想阻止在有人看到视频之前点击提交按钮的可能性。因此,我希望它在开始的2分钟内保持不活动状态。
<html>
<head>
<meta charset="UTF-8">
</head>
<p> Please watch this 2-minutes video. </p>
<body>
<center>
<video width="744" height="576" controls>
<source class="center" src="videos/nature.mp4" type="video/mp4">
</video>
</center>
<p></p>
<center>
<a href = "nextpage.html"><input style="height:50px; width: 100px; font-size:12pt;" type="submit" value="Next"></a></center>
</body>
</html>
提前谢谢你。
您可以这样做的是添加事件监听器,以便在视频结束时使用,然后启用按钮
document.getElementById('video').addEventListener('ended', videoEnded, false);
function videoEnded() {
// Make the button clickable
}