jquery - 显示当前时间 jwplayer

标签 jquery jwplayer

我只需要使用 timeUpdate 事件在 jwplayer 中的视频下显示当前时间。 我可以做到这一点的最简单方法是什么?谢谢

最佳答案

这里是一些示例代码:

<!DOCTYPE HTML>
<html>
<head>
<title>onTime</title>
<style type="text/css">
    body {
        font-size:1em;
        line-height:1.8em;
    }
    h2,#timer {
        background-color:#000;
        color:#0f0;
        font-size:2em;
        margin:0em;
        width:200px;
        height:1.2em;
    }
</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://p.jwpcdn.com/6/8/jwplayer.js"></script>
<script type="text/javascript">
 $(document).ready( function() {
    jwplayer("container").setup({
            file:"http://content.bitsontherun.com/videos/bkaovAYt-364766.mp4",
            events: {
            onTime: function(event) {
                $('#timer').html(Math.floor(event.position));
            }
        }
    });
 });
</script>
</head>
<body>
<div id="container"></div>
<br />
<h2>Timer:</h2>
<div id="timer"></div>
</body>
</html>

关于jquery - 显示当前时间 jwplayer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23622270/

相关文章:

javascript - 使用 jquery 验证多个输入中的 1 个输入

ruby-on-rails - JW Player - 在 Heroku 上加载播放器 : HTML5 player not found in Rails 3. 2 应用程序时出错

javascript - 有没有办法在 CSS 或 Jquery 中旋转 JW Player?

javascript - 检测暂停和 'done' 按钮点击 jwplayer7 的 iphone

javascript - 对于 JW Player,滚动上的最小化和 float 播放器无法正常工作

jQuery,包装所有连续元素?

javascript - dataTable 给出未捕获的类型错误 : Cannot read property 'mData' of undefined

php - 我的 require_once 路径有什么问题?

events - 如何在 jQuery 中重新触发(或延迟触发) `mousedown` 事件?

javascript - 视频播放器位置对象 div