如何从使用 jquery 动态创建的视频标签中获取视频持续时间？

Posted 2023-05-07

【中文标题】如何从使用 jquery 动态创建的视频标签中获取视频持续时间？

【英文标题】：How to get the Video duration from a Video tag created dynamically using jquery?

【发布时间】：2012-08-13 05:46:57

【问题描述】：

有没有一种方法可以获取视频时长，而无需在 html 中添加视频标签？

例如：

var Video = $('<video></video>')
                            .append("<source src=video.mp4 type=video/mp4; codecs="+'"avc1.42E01E, mp4a.40.2"'+ "/>")
                            .append("<source src=video.webm type=video/webm; codecs="+'"vp8, vorbis"'+ "/>");

我想从“视频”中获取持续时间，可以吗？

【问题讨论】：

我找到了这个链接：***.com/questions/2221029/…希望对你有帮助

【参考方案1】：

这是一个link 到一个好的页面上的视频标签。

【参考方案2】：

试试这个

var vidElement = document.createElement('video');
$(vidElement).append("<source src=video.mp4 type=video/mp4; codecs="+'"avc1.42E01E, mp4a.40.2"'+ "/>").append("<source src=video.webm type=video/webm; codecs="+'"vp8, vorbis"'+ "/>");

console.log(vidElement.duration);

因此，如果这是您想要的，那么您的页面中的 html 就不会出现在内存中