我有一个在我的网站背景下运行的大型视频。我希望将此视频拆分为几秒钟,然后每次用户提交其电子邮件地址时,都会显示1秒的视频。所以,1次提交=视频的1秒。而且您应该只能提交一次电子邮件地址。
我如何实现这一目标?如果有人可以将我与教程或插件联系起来 - 我将永远感激不尽!
编辑:我不是开发人员。应该说清楚。我是Javascript的新手,并没有真正尝试过那么多 - 因为我根本不知道从哪里开始。干杯
答案 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);
}
这应该有用,或至少给你一些提示。