定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同

有谁知道如何调整HTML5视频海报的大小，使其适合视频本身的确切尺寸？使HTML5视频海报与视频本身尺寸相同

这里是代码：

HTML：

CSS：

video{

border:1px solid red;

}

注意，橙色矩形没有按” t缩放到视频的红色边框。

而且，只需添加CSS下面无法正常工作或因为它重新调整视频的海报一起：

video[poster]{

height:100%;

width:100%;

}

我不认为你可以在属性中使用“％”;但是将其更改为100并不能解决问题。我会打赌它的一个-webkit媒体风格。随时挑选他们http://trac.webkit.org/browser/trunk/Source/WebCore/css/mediaControls.css –

@albert，谢谢我没有看到在您发送的链接中引用“海报” 。你能告诉我什么CSS看起来像你在说什么，即“'-webkit媒体风格”？谢谢 –

这就是我所说的“挑选”。那些是铬特定的媒体风格;我只是模糊地熟悉它们，更不用说它们正在声明的伪选择器;没有起点：我会通过寻找填充等声明。 –

定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同相关推荐

HTML5视频手机全屏,HTML5在手机端实现视频全屏展示方法
这篇文章主要介绍了HTML5在手机端实现视频全屏展示方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧最近做项目,遇到一个问题 ...
html选择本地文件视频并播放器,使HTML5视频播放器播放不同的文件(Make a HTML5 video player play a different file)...
使HTML5视频播放器播放不同的文件(Make a HTML5 video player play a different file) 在播放视频时,我无法让HTML5播放器播放不同的视频,我尝试更改 ...
html手机端自动全屏,HTML5在手机端实现视频全屏展示方法
最近做项目,遇到一个问题,在手机上要实现视频的全屏播放功能.测试了很久,终于找到解决办法. 第一种:将视频放大来控制. 视频在播放的时候,全屏是根据高度来的,如果设置视频 video 标签的宽度是 1 ...
html5新标签-音频视频
大家都有在网页中浏览视频的经历,但在Html5之前,对视频乃至音频都还没有一个标准.因此,在网页中看到的视频,都是通过第三插件的方式嵌入的,可能是QuickTime,也可能是RealPlayer 或者 ...
用html5播放两个视频,HTML5视频 - 如何进行无缝播放和/或几个视频循环？
尝试过各种各样的事情后,我终于能够创造出似乎是一个工作解决方案.我还没有在旧版浏览器或其他操作系统上测试过这个版本,但是这个版本可以在最新版本的Chrome,IE,Firefox和Opera上运行. ...
HTML5媒体（音频/视频）
摘要: 在HTML5出现之前,web媒体大部分通过Flash来实现.这种方式造成了文件大加载慢,影响网站性能,开发难度高,维护麻烦,不易扩展等.这就导致HTML5自己开始支持媒体功能.HTML5 DO ...
html5播放视频自动循环播放,HTML5 通过Vedio标签实现视频循环播放的示例代码
要实现网页播放视频在HTML5以前是通过标签标签的作用是在 HTML页面中嵌入多媒体元素标签的作用是在 HTML页面中嵌入多媒体元素存在的问题: 需要flash,效率低如果浏览器不支持 Fla ...
html5给网页添加视频背景
html5给网页添加视频背景 1. 先插入如下代码: <video src="../video/2b.mp4" loop="loop" autoplay= ...
HTML5 向网页嵌入视频和音频
来源 | http://www.fly63.com/article/detial/9503 现在很多网站上都会使用到视频和音频,html5 中提供了展示视频和音频的标签.向网页嵌入视频可以使用 < ...

定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同

定义视频尺寸html,使HTML5视频海报与视频本身尺寸相同相关推荐

最新文章

热门文章