Question

Как на странице сделать плейер адаптивным,
под мабилную версию? Она вылазит за границу шаблона.
Пробовал подогнать 

---

iframe, object, embed{max-width: 55%;}

---

   iframe[src^="https://youtube.com/"] {width: 100%; height: auto; min-height: 50%;}

Не помогло.

Answer 1

Я для этого использую следующие стили:

iframe, object, embed{max-width: 100%;}
@media screen and (max-width: 1000px){
object {height:370px}
}
@media screen and (max-width: 800px){
object{height:350px}
}
@media screen and (max-width: 600px){
object {height:330px}
}
@media screen and (max-width: 400px){
object {height:300px}
}

помогает, вроде проблем с адаптивностью не было.

Comments

Я и это пробовал, не адаптирует,
У меня там в $MESSAGE$ Html5 Player стоит я в нем ссылки вывожу с помошу id youtube 

---

https://www.youtube.com/watch?v=9ezskxltRnA

Вот по этому не могу подогнать, подскаже еще какой нибудь способ есть подогнать?

---

Alienware,

Увы, но этот плеер подогнать к сожалению, нельзя, так как он подогнан под размеры не меньше 590px.

---

Yuri_Geruk,

Ясно значит лучше удалю его и все: Спасибо большое.