javascript - 从 video.js 获取当前时间

标签 javascript video.js

我正在使用文档来获取我的视频的当前时间,但是当我执行控制台日志时它只输出 0 这很有意义,因为当我页面加载视频时 0 有没有一种方法可以让我喜欢看时间,如果我暂停它或在结束时获得视频时间?

我问我的原因是我试图抽出时间来监控我的用户是否真的看完了它并且我之前没有使用过这个库:

<video id="videoPlayer" class="video-js vjs-default-skin vjs-controls-enabled" poster="http://camendesign.com/code/video_for_everybody/poster.jpg" data-setup="{}" controls="">
    <source src="sample.mp4" type="video/mp4">
    <p class="vjs-no-js">Javascript was disabled or not supported</p>
</video>


<script type="text/javascript">

var myPlayer = videojs('videoPlayer');

    var whereYouAt = myPlayer.currentTime();
        console.log(whereYouAt);

</script>

console.log 给我 0

最佳答案

使用timeupdate事件

Fired when the current playback position has changed * During playback this is fired every 15-250 milliseconds, depending on the playback technology in use.

var myPlayer = videojs('videoPlayer');
myPlayer.on('timeupdate', function() {
  console.log(this.currentTime());
});

关于javascript - 从 video.js 获取当前时间,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40762083/

相关文章:

javascript - 将鼠标悬停在元素上时使功能停止

javascript - 使用 javascript 添加到某个类的 href

javascript - 如何在 Youtube 嵌入链接中禁用 Youtube 字幕

javascript - 播放列表中每个视频之间的 Videojs VAST 广告

html5-video - Video.js - loadedmetadata 事件永远不会触发

javascript - VideoJS - 字幕/字幕轨道在 Chrome 中显示两次?

javascript - 确定鼠标悬停在元素上时是否有元素 "dragged"

javascript - 如何在 Magento 2 Checkout 中覆盖 JS 资源

javascript - 我如何构建代码,例如 http ://fiddle. jshell.net/bwKZt/152/- HTML 和 Javascript

javascript - Video.js 在 Safari 中不起作用(代码 :4 MEDIA_ERR_SRC_NOT_SUPPORTED)