Разделы
Теги | RSS © 2008 – 2017
Контакты
email: igor@veselov.sumy.ua
skype: utz0r2
» » видео

Allofthelights.js - скрипт затемняет страницу для просмотра видео на сайте


Allofthelights.js - скрипт затемняет страницу для просмотра видео на сайте

https://github.com/Pierrinho/Allofthelights.js

Аякс поиск роликов на ютуб


Аякс поиск роликов на ютуб

СКАЧАТЬ / ДЕМО

Пропорциональное масштабируемое видео и валидный youtube


Пропорциональное масштабируемое реализовано за счет позиционирования блоков и процентных соотношений. Применимо на резиновых сайтах.
CSS
#containingBlock {
  width:50%;
}
.videoWrapper {
  position: relative;
  padding-bottom:56.25%;
  padding-top:25px;
  height:0;
  overflow:hidden;
}
.videoWrapper div,
.videoWrapper object {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height:100%;
}

Код видео с ютуба по умолчанию не валидный, здесь же он добавлен в соответствии стандартам

HTML
<div id="containingBlock">
  <div class="videoWrapper">
    <div>
      <!--[if IE]>
      <object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="480" height="295">
        <param name="movie" value="http://www.youtube.com/v/mDRYnaajUcY&amp;hl=en&amp;fs=1&amp;showinfo=0" />
      <![endif]-->
      <!--[if !IE]>-->
      <object type="application/x-shockwave-flash" data="http://www.youtube.com/v/mDRYnaajUcY&amp;hl=en&amp;fs=1&amp;showinfo=0" width="480" height="295">
      <!--<![endif]-->
        <param name="quality" value="high" />
        <param name="wmode" value="opaque" />
        <p><a href="http://www.adobe.com/go/getflashplayer"><img alt="Get Adobe Flash player" src="http://www.adobe.com/images/shared/download_buttons/get_flash_player.gif"/></a></p>
      </object>
    </div>
    <p>Following is the description of the video embeded in this document</p>
    <p>This short clip is about YouTube widescreen formatting. It shows the two main formats (16:9, 4:3) and also explains the best way to create a Flash movie according to the new widescreen format.</p>
  </div>
  ...
</div>

Очень мне нравится девочка с видео демки -)

ДЕМО: http://veselov.sumy.ua/uploads/files/demo/003/index.html

Львов, Карпаты


Сумы – Полтава – Львов – Карпаты – г.Тростян – Львов – Киев – Харьков – Сумы

Такой маршрут был у нас на зимних каникулах. Львов это шикарный город с очень красивой архитектурой и очень дружелюбным народом. Красоту дышащих стариной львовских улочек сложно передать, это надо видеть! Все говорят на украинском языке. Ихний западный акцент придает какой-то шарм, что ли при разговоре. Не понравилось там ездить на маршрутках, трамваях – это ужасно. А в целом город очень красивый и интересный. Дороги вымощены булыжниками. Много львов, вокруг львы. Подробней может, напишу потом, а может и нет -) Было очень клево, хочу туда еще!

Еще чуть-чуть и мы опоздали бы на поезд. Но идеальная дисциплина слаженность и уверенность в своих действиях привели нас к точке отправления вовремя -))))))
Вверх