如何分割视频成秒,然后显示1秒,每次用户提交他们的电子邮件地址
How to split video into seconds and then show 1 second each time a user submits their email address
我有一个大视频,在我的网站后台运行。我想把这个视频分成几秒,然后让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);
}
这应该可以工作,或者至少给你一些提示。
相关文章:
- 显示5秒后隐藏潜水
- 显示数字,然后每5秒随机更改一次(javascript)
- x秒后在元素处显示气球
- 如何在html中将密码字段显示为秒后的星号
- 使用画布在秒内逐像素显示图片
- 加载页面每10秒显示一条不同的消息
- 问题 - 在查询加载器 2 加载页面之前显示 1 秒的页面
- 仅当我在 1 秒后将鼠标悬停在 li 上时,才会在悬停时显示弹出窗口
- 在 AngularJS 表格中添加的行上显示 3 秒的弹出窗口
- 使用Moment.js并更新页面以显示秒数
- setInterval代码的优化建议,该代码显示每秒出生的小狗、小猫等数量
- javascript在倒计时中显示秒数
- 每隔X秒显示一次警报框,但请先等待Y秒
- 如何编写一个函数的脚本,为HTML中显示的JavaScript计数计时器添加秒数
- 30 秒后显示 Jquery UI 对话框
- Javascript在秒消失时显示DIV元素,并在此之后隐藏栏的选项
- 如何在窗口位置之前显示消息 2 秒
- 背景图像旋转器.php + jQuery每4秒显示一次随机照片
- 如何每x秒显示一个新图像
- Javascript-如何每秒显示和隐藏一个元素