Laid

dl1.joxi.net/drive/2016/06/28/0016/1202/1090738/38...
https://habrahabr.ru/post/126207/

$random = mt_rand (-7500, 7505);
<script>
$('.all-players-list').css('-moz-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('-ms-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('-o-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('-webkit-transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
                    $('.all-players-list').css('transform', 'translate3d(<?php echo $random; ?>, 0, 0)');
</script>

https://jsfiddle.net/fnaoqcyb/3/
Без js. html + css. Правильно сделали, в конце чутка ошиблись.

< div class="a1">
< iframe width="100%" height="100%" src="https://www.youtube.com/embed/8mK5aY5YOCc" frameborder="0" allowfullscreen>< / iframe>
< /div >

.a1 {background: #FFFFFF; max-width: 500px; height: 300px;}
@ media (max-width: ширина при которой видео начинает растягиваться px) {.a1 {height: нужная высота}}

Скиньте полный путь от корневой папки до нужного шрифта
Составлю путь