jQuery,检查视频是否有高度/宽度

发布于 2024-08-30 01:03:04 字数 374 浏览 0 评论 0原文

我有一个由js生成的 元素,我需要获取它的高度和宽度。

var v = $('视频'); v.height() 返回 null,因为当它运行时,视频尚未加载,因此 DOM 中没有尺寸。

如何检查视频是否已收到尺寸,如果没有,请等到它必须获得高度和宽度。

谢谢。

编辑:

我用示例代码创建了一个 jsbin:

http://jsbin.com/udazu/2 /编辑

谢谢。

编辑:哎呀,示例代码中出错了。

I have a <video> element that is generated by js, and I need to get the height and width of it.

var v = $('video'); v.height() returns null, because when it's run, the video hasn't yet been loaded, so no dimensions in the DOM.

How do I check to see if the video has received a dimension, and if it hasn't, wait till it has to get the height and width.

Thanks.

Edit:

I've created a jsbin with my example code:

http://jsbin.com/udazu/2/edit

Thanks.

Edit: whoops, made an error in the sample code.

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(1

最近可好 2024-09-06 01:03:04

基于新代码更新 - 您可以使用loadedmetadata 事件 为此,我已经更新了您的jsbin 示例在这里

$('input').click(function () {
  $('#thumbnail video').clone().bind('loadedmetadata', function() {
    alert($('#viewing-area video').height());
  }).appendTo('#viewing-area');
});

Update based on new code - You can use the loadedmetadata event for this, I've updated your jsbin example here with this

$('input').click(function () {
  $('#thumbnail video').clone().bind('loadedmetadata', function() {
    alert($('#viewing-area video').height());
  }).appendTo('#viewing-area');
});
~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文