如何分割视频成秒，然后显示1秒，每次用户提交他们的电子邮件地址

Question

我有一个大视频，在我的网站后台运行。我想把这个视频分成几秒，然后让1秒的视频可见，每次用户提交他们的电子邮件地址。所以，1次提交= 1秒的视频。您应该只能提交一次电子邮件地址。

我如何做到这一点?如果有人能给我提供教程或插件，我将永远感激!

编辑:我不是开发人员。应该说清楚。我对Javascript有点陌生，还没有真正尝试过那么多——因为我根本不知道从哪里开始。

欢呼

Answer 1

我会使用HTML5视频标签。你可以用Javascript来控制它。所以我们有一个视频，和一个电子邮件提交输入:

<!-- video player -->
<video controls id="my_vid" src="my_vid.mp4"></video>
<!-- email input -->
<input type="email" id="my_email" />
<!-- submit button -->
<input type="button" value="submit" onClick="play_one_sec();" />

所以基本上你能做的就是每次用户提交他的邮件，你用Javascript播放视频一秒钟。

function play_one_sec()
{
   //get the video player
   var video = document.getElementById('my_vid');
   //play the video
   video.play();
   //one second later, pause it
   setTimeout(function() { video.pause(); }, 1000);
}

这应该可以工作，或者至少给你一些提示。