javascript - 使用jquery将文本高度调整为图像高度

Question

我正在尝试获取视频播放器中图像的高度，持续时间应该是播放器制作的任何尺寸的一半。我正在使用以下方法尝试此操作，但它不起作用:

//grabs height of play button and sets value to setHeight variable
var setHeight = $(".play").outerHeight() / 2; 

//appends setHeight variable to time-played and time-total
$(".time-played, time-total").height(setHeight);

当前设置:jsfiddle

Answer 1

实际上，如果我正确理解您的问题，我认为您根本不需要 Javascript 代码段。

只需使用 CSS 定位控件:

.timeline .time-total{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    ...
  }

.timeline .time-played{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
...
 }

这是通过将顶部设置为容器高度的一半，然后将元素向上移动其高度的一半来实现的。

参见 Fiddle