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

Question

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

这是一个HTML脚本：

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

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

Answer 1

您可以使用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解决方案。