Question

尝试将YouTube视频嵌入到帖子中。但是对于某些想法，高度变得非常高。将高度设置为auto或100%并不能解决问题。

我已将width设置为100%，以便宽度响应并且正常工作。但移动设备，平板电脑和台式机的高度仍然相同。这意味着电影的下方和上方会有一个黑条。

有什么想法吗？

请参阅：http://higraf.no/nyheter/finner-reklamehuset-higraf/

顶部的视频嵌入了WP类型。

<?php $renderfieldmedia = types_render_field('film-nyheter', array('raw'=>'true'))?>
<?php if(!empty($renderfieldmedia)){?>
     <div id="videoholder">
           <?php echo(types_render_field('film-nyheter', array("output" => "html", "autoplay" => 1))); ?>
     </div>
<?php } elseif(empty($renderfieldmedia)){?>     
     <?php if ( has_post_thumbnail() ) { the_post_thumbnail('full-hd'); } ?>
<?php }?>

底部的视频是常规的WordPress嵌入，在文本字段中粘贴了YouTube链接。

有问题吗？请问。

Answer 1

您正在使用iFrame，因此最好的方法是为视频设置静态尺寸。

类似的东西：

.embed-container iframe {
    width: 100%;
    height: 500px;
}

否则您可以看到Bootstrap Responsive Embed

YouTube嵌入WordPress - 高度问题

1 个答案: