javascript - YouTube 嵌入 WordPress - 高度问题

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