HTML5视频时长,无需播放视频

Saj*_*jal 12 javascript css html5

我试图通过播放视频或在播放视频之前在HTML5中获取视频持续时间,以便在视频管或任何其他视频网站上看到.

任何帮助都会非常感激.

提前致谢.

Tod*_*her 21

对于HTML5,您应该能够在加载文件的元数据后使用视频标记的持续时间属性.看到这个答案有一个好方法:

检索HTML5视频时长的问题

引用Mikushi的anwser:

myVideoPlayer.addEventListener('loadedmetadata', function() {
    console.log(videoPlayer.duration);
});
Run Code Online (Sandbox Code Playgroud)

通过侦听'loadedmetadata'事件,您将确保已加载持续时间值.

有关loadedmetadata的更多详细信息,请访问:http://www.w3schools.com/tags/av_event_loadedmetadata.asp

  • +1,感谢您提供有用的代码.不应该在回调中使用`myVideoPlayer`而不是`videoPlayer`吗? (3认同)
  • 没关系,但我想在页面加载时显示没有任何点击事件. (2认同)
  • 有一个更新:使用 `durationchange` 而不是 `loadedmetadata` (2认同)