告诉视频从一秒而不是零开始的 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 解决方案。