English 中文(简体)
在 Chrome和Safaribrowsers的175个录像带上移除黑酒吧
原标题:Removing the black bar on top and bottom of html5 videos in Chrome and Safari browsers

我正在使用html5录像。 在Fox,它运行良好,但在hr和法ari里,它显示出一个厚的黑铁顶和底层。 如何消除这些障碍?

《刑法》

<video autoplay loop="loop" onended="this.play()" width="100%">
     <source src="videos/video.mp4" type="video/mp4"/>
     <source src="videos/video.webm" type="video/webm" />
</video>

预 收

问题回答

检查装有你的录像标签的标签的标签的大小和/或中央支助事务。 这很可能是四分五裂。 我有一个高点:100%。 一旦消除,它就解决了这一问题。

希望会有所帮助。

对我来说,是<代码>在线-八。 <编码>在线-八:0 , 括号中固定问题。

是否在实际录像中发现了黑bar? 我的解决方案是,在16/9年一流中播放录像,并调整顶端(px),左侧(.-px),高端(.%)(或湿度 %),直到这些录像在外面直径上被过度渗透。

我也有同样的问题。 我通过树立视频标签的风格解决问题:

outline: none;

Set “clip-path: inset(2px 2px);” to the pornography tag.

video {
  clip-path: inset(2px 4px);
}




相关问题
CSS working only in Firefox

I am trying to create a search text-field like on the Apple website. The HTML looks like this: <div class="frm-search"> <div> <input class="btn" type="image" src="http://www....

image changed but appears the same in browser

I m writing a php script to crop an image. The script overwrites the old image with the new one, but when I reload the page (which is supposed to pickup the new image) I still see the old one. ...

Firefox background image horizontal centering oddity

I am building some basic HTML code for a CMS. One of the page-related options in the CMS is "background image" and "stretch page width / height to background image width / height." so that with large ...

Separator line in ASP.NET

I d like to add a simple separator line in an aspx web form. Does anyone know how? It sounds easy enough, but still I can t manage to find how to do it.. 10x!

热门标签