Автоматическое изменение размера встроенных видеороликов

-1

Я изучил этот сайт и многие другие, а также пробовал решения, такие как fivid.js и пользовательские css и js, но никто не решил мою проблему. Я хочу найти простое решение для существующих видео YouTube на веб-сайте для изменения размера в зависимости от размера экрана.Автоматическое изменение размера встроенных видеороликов

Я думаю, что проблема может быть, что большинство существующих YouTube видео встраиваются следующим образом:

<p align="center"> 
<object width="800" height="450"><param name="movie" value="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&amp;controls=0&amp;showinfo=0" frameborder="0" allowfullscreen" type="application/x-shockwave-flash" width="800" height="450" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Как я могу сделать это так, что любое видео на сайте кодируется этим способом изменить размер в соответствии с Размер экрана?

Редактировать: сайт имеет несколько страниц (это сайт электронной коммерции), и каждый продукт имеет собственное видео, которое составляет около 20 тысяч продуктов. Большинство видеороликов закодированы, как и код выше, я хотел знать, есть ли способ, которым они могут изменить размер по своему сходству с этим fitvid, потому что я не могу пройти через все 20 тысяч продуктов и переделать код сам. Мне также интересно, если это возможно с тем, как кодируются видео YouTube.

источник

2015-07-12 Jeff

Ну, поскольку мы знаем, что объект и вставка устарели, лучше пойти с iframe. Ниже код фрагмента позволяет изменять размер видео по размеру браузера.

вот рабочий код:

<!DOCTYPE html> 
<html> 
<body> 

<iframe frameborder="0" style="overflow: hidden; height: 100%; width: 100%; position: absolute;" height="100%" width="100%", 
src="http://www.youtube.com/v/ETLV4nz5xCI?list=UURoUPTn7sfJkIl6Md5XKkwg&amp"> 
</iframe> 

</body> 
</html>

Надеется, что это поможет :)

источник

2015-07-12 15:59:38

привета спасибо, Как бы я сделать это так, что она влияет на все существующие YouTube видео на вебе-сайте, для Например, если было несколько сотен видео, встроенных таким же образом? – Jeff

см., Что мы можем подключить несколько iframe на одной веб-странице ... Теперь, что вам нужно сделать, создайте отзывчивую веб-страницу дизайна, создайте свой полный макет и где бы вы хотели показывать видео, просто подключите код выше ... Вы увидите выше код фрагмента не включает в себя какой-либо hardcode css, поэтому он будет принимать ширину высоты от своего родителя ... –

хочу видеть, что рабочее решение разделяет ваш точный код ... –

Автоматическое изменение размера встроенных видеороликов

ответ

Смежные вопросы