КОнтакты, предложения, отзывы

.rar или .zip
Вложение
Онлайн-чат
На этом сайте, вы найдёте полезную информацию, практические советы в области веб-программирования, веб-дизайна и веб-разработок в целом. Мы с удовольствием поделимся с вами реальными примерами и решениями задач, связанных с jQuery , JavaScript , PHP и MySQL , версткой сайтов , поможем разобраться новичкам с современными технологиями, такими как Ajax , HTML5 , CSS3 и многими другими.

Аудио и видео плеер для сайта

Хотя видео и аудио благодаря HTML5 можно вставлять и тегами audio и video, лучше всё-таки использовать готовые плеера.

Как вставить YouTube видео на сайт

YouTube видео вставить очень просто - загружаем своё видео на ютуб или находим нужный ролик. Теперь нам нужно получить код, для вставки видео на нашу веб страницу. Для этого сразу под видео щелкните по вкладке «Поделиться», а в ней по вкладке «HTML-код». После чего копируем код и вставляем в нужное нам место на странице. Теперь Вы можете увидеть html-код, который понадобится нам для вставки. Здесь также можно задать и некоторые другие параметры, такие как: размер видео, показывать ли похожие видео после окончания просмотра и режим конфиденциальности.
<iframe width="560" height="315" src="//www.youtube.com/embed/nUBRpvL50u8" frameborder="0" allowfullscreen></iframe>

Вставка видео плеером flowplayer

Есть много плееров для веб. Один из лучших - flowplayer. Недавно зашел ещё раз на его сайт посмотреть настройки и увидел, что он уже платный. Как хорошо что успел раньше скачать, обрадовался я :) Для подключения плеера нам нуужен сам файл плеера flowplayer.swf его мы ставим в корень сайта. библиотека джейквери, яваскрипт-файл плеера, файл стилей (functional, minimalist или playfull) и папка с картинками для плеера, ставим её в папку css. Если в корне сайта лежит flowplayer.swf и подключены
<link rel="stylesheet" href="css/functional.css" type="text/css" />
<script src="js/jquery-2.1.1.min.js"></script>
<script src="js/flowplayer.min.js"></script>
, плеер должен работать.
Теперь вставляем ролик:
<div class="video">
  <div class="flowplayer"> 
    <video>
      <source src="video/City.flv" type="video/flv">
    </video>
  </div>
</div>
Если изменять ширину и высоту блока video, то ширина и высота нашего ролика тоже будет меняться. По умолчанию флоуплеер подстраивается под соотношение сторон видеоролика. Поддерживаемые форматы: mp4, flv, ogv, m3u8, webm. Можно стилизировать вид плеера, добавляя блоку с классом flowplayer различные классы (no-mute, no-volume, no-time и другие) смотрите на офсайте
Демо Flowplayer

Вставка аудио на сайт

Для аудиофайлов я для себя присмотрел на мой взгляд самый такой приятный плеер. Собрать или скачать его можно здесь Тут всё просто: указываете путь к вашему файлу mp3, выбираете настройки и внешний вид, жмете собрать и получить html-код, вставляете его к себе на сайт (желательно обернуть его в див или спан) и вуаля
Можно указывать относительный или абсолютный путь к файлам, если не хотите качать сам файл плеера, указано по умолчанию путь к нему на их сервере. Благодарю за внимание :)
2015.03.07 398
jpgjpg

Жена пpогpаммеpа говоpит мужу: - Доpогой, я хочу pебенка! - Ложись, ща пpоинсталлиpуем!
Войдите или Зарегистрируйтесь чтобы оставить комментарий

Комментарии


    Яндекс.Метрика Яндекс.Метрика