Question

我知道之前已经讨论过这个问题 - 但遗憾的是我找不到适合我“小”问题的解决方案。我正在运行包含16：9 YouTube视频的Wordpress博客（www.freiheitenwelt.de）。为了使事情响应，我将这个熟知的CSS代码包含在我的脚本中。

.article-video {
position:relative;
	padding-bottom: 56.25%;
    height:0;
	overflow:hidden;
    margin-bottom: 25px;
      
}

.article-video iframe, .video-container object, .article-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
        
}

Iframe已经在我购买的Premium-Theme中设置了。但CSS类仍然缺失。？！？！奇怪的事情！无论如何。这是video.php的代码。

<div class="article-video">
			<?php if ($post->post_type == 'portfolio') {
				echo wp_oembed_get($embed, array('width'=> 1110, 'height'=> 624)); 
			}
			
			else {
				echo wp_oembed_get($embed, array('width'=> 700, 'height'=> 394)); 
			}
			?>
		</div>

响应功能运作良好。唯一让我烦恼的是我视频顶部和底部的两个黑色边框。我尝试过使用填充顶部，边距，宽度调整等等。但我无法解决它......

这是一张关于它的图片！

欢迎任何帮助！不同的网页谈论作为删除黑色边框的解决方案...在我的情况下，这不起作用，我不知何故认为在后台运行的其他东西可能会扰乱CSS。我不是一个优秀的程序员。基本的东西和帮助我可以弄清楚 - 但有很多未知的......

提前致谢...

马丁 - 来自哥伦比亚的问候

Borders in Video

iframe和CSS - 嵌入式YouTube视频显示恼人的黑框

0 个答案: