Отключить автоплей ютуба при просмотре сайта с макс 1000px по ширине
 

У меня адаптирован сайт, при разрешении экрана в -1000 видео уходит вниз сайта и автоплей негативно влияет в таком положении.

Как сделать так, чтобы автоплей был у тех, у кого ширина больше 1000px, а у кого меньше - нет?

код стандартный ютуба.

пробовал через media (css), но видимо не правильно, т.к не получилось, подсказали сделать через js, но не знаю как.

Спасибо!

Что за стандартный код такой с автоплеем? Нажимаю на ютубе под видео "Поделиться" затем "HTML-код", получаю такой код

<iframe width="560" height="315" src="https://www.youtube.com/embed/-7xvqQeoA8c" frameborder="0" allowfullscreen></iframe>

вставляю на страницу, автоплей не происходит.

Автоплей можно запретить, если в конце ссылки на страницу ютуба дописать ?autoplay=0

как это сделать, чтобы в конце ссылки при ширине экрана в -1000px добавлялся "?autoplay=0" через js?

// мне нужно чтобы автоплей был включен при ширине в +1000, а при ширине в -1000 - нет

<iframe id=myiframe></iframe>

<script>
if(screen.width>1000){
	myiframe.src="https://www.youtube.com/embed/abcdefghijk?autoplay=1";
}else{
	myiframe.src="https://www.youtube.com/embed/abcdefghijk?autoplay=0";
}
</script>

Это был более понятный вариант, а сейчас будет более хитрый:

<iframe id=myiframe></iframe>

<script>
var mywidth=Math.floor(screen.width/1000);
myiframe.src="https://www.youtube.com/embed/abcdefghijk?autoplay="+mywidth;
</script>