Вордпрес і респонсів відео

0 926

Якби виробник автомобілів створював машини, де одне колесо було б більшим за інші, то прожив би він недовго. Але у царині безкоштовного (та й платного) ПЗ така ситуація – не рідкість. І тягнутись це може довгими-довгими роками.
Наприклад, у Вордпресі по-замовчуванню дуже тупо адаптується розмір відео, зокрема, яке вставляється з Youtube. Вірніше, взагалі не адаптується. Чому цього не виправили досі – загадка.
Деякі плагіни пропонують вирішення, але при цьому додають купу своїх ідіотизмів, які мені абсолютно не потрібні.
Отже, адаптуємо відео у Вордпресі:

У functions.php шаблону додаємо:

function new_video_embed_html( $html ) {
 return '<div class="new-video-container">' . $html . '</div>';
}
add_filter( 'embed_oembed_html', 'new_video_embed_html', 10, 3 );
add_filter( 'video_embed_html', 'new_video_embed_html' );

а в стилі додаємо:

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

нема коментарів

Залишити відгук