告诉视频以一秒而不是零开始的JavaScript

时间:2012-12-05 20:33:14

标签: javascript jquery css

我在使用iframe的HTML页面上有一个视频,我正在寻找JavaScript或jQuery从2.秒而不是零开始播放视频。因为视频预览在屏幕上看起来是黑色的,而不是在您点击播放之前将其视为预览。

这是一个HTML脚本:

<iframe width="111" height="63" src="video/videoclip.m4v" frameborder="0"></iframe>

这是使用html,css和JS的iphone应用程序。

1 个答案:

答案 0 :(得分:2)

您可以使用HTML5 Video代码和JavaScript

执行此操作
<video id="videoClip" width="111" height="63" controls="controls" autoplay="autoplay">
  <source src="video/videoclip.m4v" type="video/m4v">
</video>

此JavaScript将等到视频加载,然后从2秒开始。

document.getElementById('videoClip').addEventListener('loadedmetadata', function() {
  this.currentTime = 2;
}, false);

可以使用CSS设置视频标记的样式,使其看起来像iframe解决方案。