作者热门文章
- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在使用 jQuery 开发 HTML5 视频播放器。现在我的视频播放器运行良好,但我想获取视频持续时间的变量并在纯 HTML 页面中显示/显示它。
所以从这里您可以获取有关此 Jquery 视频播放器的更多信息: http://www.videojs.com/docs/api/
我认为视频时长的变量是:myPlayer.duration();
如何在 HTML 中显示此值?
这是我用来显示播放器的 HTML 代码:
<video id="vemvo-player" class="video-js vjs-default-skin" controls autoplay="true" width="950" height="534"
data-setup="{}">
<source src="[var.base_url]/uploads/[var.video_play]" type='video/flv' />
</video>
这是我试图显示此变量的内容,但它说它是 =“0”,而在视频播放器上它说它是 4 分钟:
<video id="vemvo-player" class="video-js vjs-default-skin" controls autoplay="true" width="950" height="534"
data-setup="{}">
<source src="[var.base_url]/uploads/[var.video_play]" type='video/flv' />
</video>
<div id="duration"></div>
<script type="text/javascript">
_V_("vemvo-player").ready(function(){
var myPlayer = this;
var howLongIsThis = myPlayer.duration();
$('#duration').html('Duration: ' + howLongIsThis);
});
</script>
我的错误在哪里?
最佳答案
你可以试试这个。它对我有用。
var myPlayer = videojs('vemvo-player');
if (myPlayer.readyState() < 1) {
// wait for loadedmetdata event
myPlayer.one("loadedmetadata", onLoadedMetadata);
}
else {
// metadata already loaded
onLoadedMetadata();
}
function onLoadedMetadata() {
alert(myPlayer.duration());
$('#duration').html("Duration: " + myPlayer.duration());
}
关于javascript - 从 videoJS 显示视频时长,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19911020/
我正在做一个从 Apple HealthKit 读取每日步数和 sleep 数据的应用程序。 对于 步骤 ,这很容易,因为它是 HKQuantityType ,所以我可以在其上应用 HKStatist
我仅使用 youtube-dl 从 youtube 视频中提取音频. 我想在下载后将元数据(即艺术家姓名和歌曲名称、年份、专辑、持续时间、流派)写入 mp3/m4a 文件。 我的尝试是从以下代码开始的
我是一名优秀的程序员,十分优秀!