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

How to split video into seconds and then show 1 second each time a user submits their email address

本文关键字:1秒 显示 用户 电子邮件地址 他们的 提交 然后 分割 视频 何分割      更新时间:2023-09-26

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

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

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

欢呼

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

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