javascript - 如何将视频分成几秒，然后在用户每次提交电子邮件地址时显示 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);
}

这应该有效，或者至少给你一些提示。