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

时间:2018-11-15 20:22:20

标签: javascript jquery

我有一个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="assets\video\clockvid.mp4" type="video/mp4">

	</video>


</body>

</html>

`

1 个答案:

答案 0 :(得分:0)

您在那里缺少大括号:

$(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();
});

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