如何将视频分成秒,然后在每次用户提交电子邮件地址时显示1秒

时间:2014-05-13 11:50:42

标签: javascript html5 video

我有一个在我的网站背景下运行的大型视频。我希望将此视频拆分为几秒钟,然后每次用户提交其电子邮件地址时,都会显示1秒的视频。所以,1次提交=视频的1秒。而且您应该只能提交一次电子邮件地址。

我如何实现这一目标?如果有人可以将我与教程或插件联系起来 - 我将永远感激不尽!

编辑:我不是开发人员。应该说清楚。我是Javascript的新手,并没有真正尝试过那么多 - 因为我根本不知道从哪里开始。

干杯

1 个答案:

答案 0 :(得分:2)

我会使用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);
}

这应该有用,或至少给你一些提示。