Олег

Использовать padding-left а не margin

Самое простое на чистом js https://jsfiddle.net/Politonius/enwtgwqk/1/

https://msdn.microsoft.com/ru-ru/library/hh924823(...

https://jsfiddle.net/1ruzzrf2/

Как вариант https://jsfiddle.net/smx8rLsb/5/

CSS ничего не ПРИСВАЕВАЕТ!
Нужен JS + регулярка в твоем случае.

Почитать доки https://developers.google.com/youtube/iframe_api_r...
Добавил. Раз никто не ответил)) https://jsfiddle.net/Politonius/188z129e/
Сейчас все стили ютуба вообще не видны. Можно и лого спрятать.
Так же ничего больше не нажимается. Но можно сделать, что бы все кнопки были в своем стиле ;)

Приблизительно так. https://jsfiddle.net/Politonius/8ydvcgf3/
Но нужно для каждого конкретного случая рассматривать

https://learn.javascript.ru/external-script#асинхр...

Примерно так https://jsfiddle.net/Politonius/3wjkqxcy/

Почитай, что такое поток в документе.К позиционированию не имеет отношения

Как вариант linear-gradient для :after и :before https://jsfiddle.net/Lndztyeg/