自动播放视频的开始时间与时钟时间相同



我有一个24小时的视频,我希望它在当前时间的同一时间开始。例如,如果是早上06:24:12,视频将自动播放,并在6分24秒12开始。现在,它似乎根本没有开始。

$(document).ready(function(){
function checkTimeAndPlay() {
var date = new Date();
var vid = document.getElementById("myVideo");
vid.currentTime = (date.getHours()*3600) + (date.getMinutes()*60) + date.getSeconds();
vid.play();
checkTimeAndPlay();
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<!DOCTYPE html>
<html>
<head>
	<title>Clock</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="main.css" type="text/css" />
</head>
<body>
	<video id="myVideo" width="640" height="360" controls>
	  <source src="assetsvideoclockvid.mp4" type="video/mp4">
	</video>
</body>
</html>

`

您缺少一个花括号:

$(document).ready(function(){
function checkTimeAndPlay() {
var date = new Date();
var vid = document.getElementById("myVideo");
vid.currentTime = (date.getHours()*3600) + (date.getMinutes()*60) + date.getSeconds();
vid.play();
} // <= missing
checkTimeAndPlay();
});

最好查看浏览器控制台或用于执行代码的任何环境中的错误。

最新更新