如何将图像的宽度和高度继承到视频标签

用户名

根据实际的图片属性,图片的宽度为400x400。现在,我有同级视频,该视频应具有与图像相同的宽度和高度。我如何继承Image width和height属性到视频标签

HTML:

<div id="holder">
<img src="http://placehold.it/400x400" >
<video controls="">
  <source src="mov_bbb.mp4" type="video/mp4">
  Your browser does not support HTML5 video.
</video>
</div>

CSS:

#holder {
  position: relative;
}

#stuff {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

http://codepen.io/snehav27/pen/mJoyPO

雷切尔·加伦(Rachel Gallen)

将内容归类,然后将div class =“ stuff”放到视频周围

#holder {
  position: absolute;
 height:400px;
 width:auto;
}

.stuff {
  position: absolute;
  height:inherit;
  width:inherit;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.stuff video{position:absolute;
            height:inherit;
            width:inherit;
            vertical-align:top;}

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何将视频分成一定宽度和高度的片段?

来自分类Dev

“如何使用‘将 li 内的跨度图像放入标签’然后固定高度和跨度宽度类”

来自分类Dev

如何将图像的宽度和高度调整为100 x 100的保留比例?

来自分类Dev

如何将图像切成9张并控制宽度和高度?

来自分类Dev

自动的图像宽度和高度标签

来自分类Dev

如何将视图框的高度和宽度导出为网页的高度和宽度

来自分类Dev

如何将固定宽度和高度设置为SVG

来自分类Dev

如何将原始二进制数据查看为具有给定宽度和高度的图像?

来自分类Dev

即使屏幕尺寸不够大,如何将背景图像缩放到高度和宽度的100%

来自分类Dev

HTML5视频标签的宽度和高度

来自分类Dev

如何将标签和图像绑定到 DataGridTemplateColumn 内的组合框?

来自分类Dev

如何获得JavaFX标签的宽度和高度?

来自分类Dev

自动将宽度和高度属性添加到图像标签

来自分类Dev

自动将宽度和高度属性添加到图像标签

来自分类Dev

如何将图像和视频插入SQLDeveloper

来自分类Dev

如何设置图像的高度和宽度相同?

来自分类Dev

FFMPEG:在视频上添加固定大小的图像,而不管视频的宽度和高度(分辨率)如何

来自分类Dev

FFMPEG:在视频上添加固定大小的图像,而不管视频的宽度和高度(分辨率)如何

来自分类Dev

如何将图像数据传递到img标签?

来自分类Dev

将正方形图像div显示为帧,而不管图像的宽度和高度如何

来自分类Dev

我的子级如何继承Web组件的宽度和高度?

来自分类Dev

如何让div继承浏览器窗口的宽度和高度

来自分类Dev

如何将图像的尺寸调整为垂直图像的高度为900像素或水平图像的宽度为900像素?

来自分类Dev

如何将图像大小调整为垂直图像的 900 像素高度或水平图像的 900 像素宽度?

来自分类Dev

如何将WPF椭圆的高度绑定到其自己的宽度?

来自分类Dev

如何让本机图像适合图像宽度和高度

来自分类Dev

如何在 PHP 中保持纵横比的同时将图像调整为固定宽度和高度?

来自分类Dev

如何将UIScrollView内容大小配置为具有固定宽度和动态高度?

来自分类Dev

如何将文本放在悬停在img上的文本-宽度和高度可变

Related 相关文章

  1. 1

    如何将视频分成一定宽度和高度的片段?

  2. 2

    “如何使用‘将 li 内的跨度图像放入标签’然后固定高度和跨度宽度类”

  3. 3

    如何将图像的宽度和高度调整为100 x 100的保留比例?

  4. 4

    如何将图像切成9张并控制宽度和高度?

  5. 5

    自动的图像宽度和高度标签

  6. 6

    如何将视图框的高度和宽度导出为网页的高度和宽度

  7. 7

    如何将固定宽度和高度设置为SVG

  8. 8

    如何将原始二进制数据查看为具有给定宽度和高度的图像?

  9. 9

    即使屏幕尺寸不够大,如何将背景图像缩放到高度和宽度的100%

  10. 10

    HTML5视频标签的宽度和高度

  11. 11

    如何将标签和图像绑定到 DataGridTemplateColumn 内的组合框?

  12. 12

    如何获得JavaFX标签的宽度和高度?

  13. 13

    自动将宽度和高度属性添加到图像标签

  14. 14

    自动将宽度和高度属性添加到图像标签

  15. 15

    如何将图像和视频插入SQLDeveloper

  16. 16

    如何设置图像的高度和宽度相同?

  17. 17

    FFMPEG:在视频上添加固定大小的图像,而不管视频的宽度和高度(分辨率)如何

  18. 18

    FFMPEG:在视频上添加固定大小的图像,而不管视频的宽度和高度(分辨率)如何

  19. 19

    如何将图像数据传递到img标签?

  20. 20

    将正方形图像div显示为帧,而不管图像的宽度和高度如何

  21. 21

    我的子级如何继承Web组件的宽度和高度?

  22. 22

    如何让div继承浏览器窗口的宽度和高度

  23. 23

    如何将图像的尺寸调整为垂直图像的高度为900像素或水平图像的宽度为900像素?

  24. 24

    如何将图像大小调整为垂直图像的 900 像素高度或水平图像的 900 像素宽度?

  25. 25

    如何将WPF椭圆的高度绑定到其自己的宽度?

  26. 26

    如何让本机图像适合图像宽度和高度

  27. 27

    如何在 PHP 中保持纵横比的同时将图像调整为固定宽度和高度?

  28. 28

    如何将UIScrollView内容大小配置为具有固定宽度和动态高度?

  29. 29

    如何将文本放在悬停在img上的文本-宽度和高度可变

热门标签

归档