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