时间戳

首页 > 解决方案 > 自动播放视频开始时间与时钟时间相同

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

问题描述

我有一个 24 小时视频，我希望它在当前时间的同时开始。例如，如果是 06:24:12 am，视频将自动播放并在 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>

`

标签： javascriptjquery

解决方案

你在那里缺少一个大括号：

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

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

推荐阅读