Есть идея, как это сделать еще к тому же и адаптивно.
Если вставляешь через визуальный редактор, то потом перейти в режим «html» (или сразу оттуда). Смысл в том, что надо iframe засунуть в див, ему пару стилей дать, самому iframe тоже.
НТМL:
<div class="embed-responsive embed-responsive-16by9">
<iframe class="embed-responsive-item" src="..." frameborder="0" allowfullscreen></iframe>
</div>
CSS:
.embed-responsive-16by9 {
padding-bottom: 56.25% !important;
}
.embed-responsive {
position: relative;
display: block;
height: 0;
padding: 0;
overflow: hidden;
}
.embed-responsive .embed-responsive-item, .embed-responsive iframe {
position: absolute;
top: 0;
bottom: 0;
left: 0;
width: 100%;
height: 100%;
border: 0;
}
Ну понятно, в src=... вставляешь ссылку от ютуба
https://jsfiddle.net/egsvu8bz/