За последние 24 часа нас посетили 18130 программистов и 1661 робот. Сейчас ищут 1752 программиста ...

Уменьшение размера видео, при уменьшении окна браузера

Тема в разделе "JavaScript и AJAX", создана пользователем Golovastik, 7 мар 2011.

  1. Golovastik

    Golovastik Активный пользователь

    С нами с:
    14 июл 2010
    Сообщения:
    193
    Симпатии:
    0
    Вот тестовая страничка, как примерно выглядят блоки сайта, упрощённая.
    Проблема в том, что не получается сделать так, чтоб при уменьшении окна
    браузера чтоб видео уменьшалось по ширине этих блоков
    с правой и с
    левой стороны, чтоб видео не налезало на блоки или вообще в низ не
    уходило за блоки, при уменьшении окна браузера.
    Скажите, как исправить правильно?

    Код (Text):
    1.  
    2. <!--Контент-->
    3. <div>
    4.  
    5. <div  align="center">
    6. <div style="background-color: silver; float:left; width: 240px;
    7. height: 100%; border:1px solid black; "></div>
    8. <div style="background-color: silver;float:right; width: 240px;
    9.  height: 100%; border:1px solid black; "></div>
    10.  
    11. <script type="text/javascript">
    12.  
    13. if(screen.width<=800){
    14. document.write('<div align="center">
    15. <object width="480" height="385"><param name="movie"
    16. value="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU">
    17. </param><param name="allowFullScreen" value="true"></param>
    18. <param name="allowscriptaccess" value="always"></param>
    19. <embed src="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU"
    20.  type="application/x-shockwave-flash" allowscriptaccess="always"
    21. allowfullscreen="true" width="480" height="385"></embed></object> </div>');
    22. } else
    23. {
    24. document.write('<div align="center"><object width="686" height="551">
    25. <param name="movie" value="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU">
    26. </param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess"
    27. value="always"></param><embed src="http://www.youtube.com/v/yYRdCu_b1Aw?fs=1&hl=ru_RU"
    28. type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="686"
    29.  height="551"></embed></object></div>');
    30. }
    31. </script>
    32.  
    33.  
    34.  
    35. <br/>
    36.  
    37. <b>Конечный результат после применения: </b>
    38. <div class="verx_otstyp"></div>
    39. <ul class="strelka_marker">
    40. <li><b>Вы сумеете</b> извлекать колоссальную дополнительную прибыль
    41.  из вашей базы подписчиков, которая будет сильно расти в своем размере
    42.  при применении стратегии из данного видео-курса. </li>
    43. <div class="verx_otstyp"></div>
    44. <li>Посмотрев данное видео, вы напишите и составите уникальный
    45.  продающий текст, имеющий фантастические показатели конверсии.
    46.  Если раньше у вас покупал каждый двухсотый человек, <b><i>то теперь
    47.  продажи могут увеличиться в два, а то и в три раза.</i></b> </li>
    48. <div class="verx_otstyp"></div>
    49. <li><b>Вы больше никогда не получите "нет" </b>от крупных партнеров
    50. по поводу рекламы ваших продуктов. Обладая этими знаниями, вы сможете
    51.  строить крупных партнеров буквально в очередь, чтобы они рекламировали
    52.  ваш продукт и приносили вам массу продаж, а также кучу новых подписчиков
    53. на рассылку. </li>
    54. <div class="verx_otstyp"></div>
    55. <li><b>После применения видеокурса вы получите сотни и даже тысячи целевых
    56.  посетителей в день,</b> которые превращаются в ваших подписчиков и
    57. покупателей ваших информационных товаров. Причем ваша партнерская
    58. программа работает как четкий автоматический механизм, за которым вам
    59.  нужно просто присматривать время от времени.</li>
    60. </ul>
    61. <br />
    62. </div> <br />
    63.  
    64. </div>
    65. </div>
    66.  
    67. </div>
    68.  
    69. </div>