1

可以使用脚本在播放期间访问时间标记，以便可以将图像滚动到它旁边以制作幻灯片吗？

4

2 回答 2

0

虽然可以做到这一点，但您不会拥有完全的跨浏览器兼容性（对于一些旧版本的 IE 和一些移动浏览器）。

通过使用 HTML5 标签，您可以在您的页面上播放视频并通过 javascript 访问其时间标记位置。

HTML：

<video id="vidElem" width="640" height="480">
  <source src="movie.webm" type="video/webm" />
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

JS：

var $video = document.getElementById('vidElem');
$video.addEventListener("canplay", _InitSync, false);

function _InitSync() {
  $video.addEventListener("timeupdate", _SyncSlides, false);
}
function _SyncSlides() {
  $curTime = $video.currentTime;
}

老实说，我没有亲自测试过这段代码，但所有这些都应该是有效的。最后，您将拥有一个带有视频当前时间标记的变量，该变量将随着视频播放而更新。此外，我什至不确定“_InitSync()”函数是否是必要的步骤，但为了安全起见，我或多或少地添加了它。基本上，这将等待视频元素准备好，然后一旦准备好，它将添加一个事件，每次视频更改它的时间标记时都会触发。在最后一个函数中，您只需添加一些代码，这些代码将根据 $curTime 的值更改您的幻灯片。

让我知道这是否解决了您的问题。

于 2012-11-24T09:03:19.727 回答
0

假设您指的是本机 HTML5 视频播放器，则使用该属性读取或设置当前时间-在这里currentTime阅读它和网络上的其他几个参考站点。

于 2012-11-24T07:31:08.557 回答