Плеер Html5. Как включить проигрыватель и смотреть видео на youtube.

Как установить и смотреть видео в плеере HTML5? Проигрыватель HTML5 готовится вытеснить плагин Adobe Flash Player. Каждый известный браузер Google Chrome, Opera и Mozila Firefox имеют свои расширения, которые поддерживают данный стандарт.
Что умеет делать плеер HTML5, как установить и работать в нем - об этом и идет речь в данном видео:



Ссылки на установления дополнений для браузеров:
1.Google Chrome - https://goo.gl/jLMKz8
2. Опера - https://goo.gl/FVjwd1
3. Мозила Firefox - https://goo.gl/tT6oH7

Проигрыватель видео HTML5 от YouTube - https://www.youtube.com/html5

Рамочка"Зимняя сказка".

Рамочка"Зимняя сказка".

112

***Ваш текст***

Бродилка по сайтам для вашего творчества

Серия сообщений "Шпаргалки":

Часть 1 - Как сделать бегущую строку и бегущее изображение в дневнике
Часть 2 - Несколько оригинальных формул и ссылок для дневника
Часть 3 - Рамочки - линии для выделения текста
Часть 4 - Бродилка по сайтам для вашего творчества

Очень удобный Онлайн генератор HTML цвета

Orfeus

Календарь от Наташи Проценюк

 

Найти любой цвет в HTML удобные сервисы.



Если требуется определить цвет на глаз, или по названию, вам нужно нажать на "пуск" верхней картинки. Если нужно определить точный цвет пикселя на ВАШЕЙ картинке или фото, то тогда жмем на "пуск" у картинки №2. Дальнейшие шаги понятны на сервисе, или объяснение под катом.

Читать далее

Еще по теме http://www.liveinternet.ru/users/lo_spero/post177959515/

Интересные анимированные кнопки 3D для постов.

Вот такие интересные кнопочки для постов,
сделала в программе Aurora 3D Animation Maker.

 

<img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/10/111/691/111691537_knopka_loshadka.gif" src="//img1.liveinternet.ru/images/attach/c/10/111/691/111691537_knopka_loshadka.gif" width="225" height="180" alt="кнопка лошадка (225x180, 341Kb)" />



<img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/10/111/691/111691556_knopka_obezyanka.gif" src="//img0.liveinternet.ru/images/attach/c/10/111/691/111691556_knopka_obezyanka.gif" width="180" height="260" alt="кнопка обезьянка (180x260, 472Kb)" />



<img data-cke-saved-src="//img0.liveinternet.ru/images/attach/c/10/111/691/111691578_knopka_zhmi.gif" src="//img0.liveinternet.ru/images/attach/c/10/111/691/111691578_knopka_zhmi.gif" width="150" height="230" alt="кнопка жми (150x230, 383Kb)" />



<img data-cke-saved-src="//img1.liveinternet.ru/images/attach/c/10/111/691/111691585_knopka_zhmi1.gif" src="//img1.liveinternet.ru/images/attach/c/10/111/691/111691585_knopka_zhmi1.gif" width="120" height="80" alt="кнопка жми1 (120x80, 47Kb)" />



<img data-cke-saved-src="//img-fotki.yandex.ru/get/9810/137293384.a3/0_dc8b7_4743516b_M.gif" src="//img-fotki.yandex.ru/get/9810/137293384.a3/0_dc8b7_4743516b_M.gif" width="300" height="98" title="" alt="" border="0" />

 

Фоны спектральные

Серия сообщений "фоны":

Часть 1 - ФОНЫ - ГЛИТТЕРЫ
Часть 2 - ФОНЫ ДЛЯ ВАС
...
Часть 13 - НОВОГОДНИЕ ОБОИ
Часть 14 - Фоны фрактальные, авторские
Часть 15 - Фоны спектральные

Дополнение к уроку " Рамка с разрывом."

Опять по просьбе сделала добавление к уроку.
Если нужно поменять цвет и размер обводки
Урок рамки с разрывом
................................

ТЕКСТ источник mimozochka

....................................

Вот эти теги кроме последнего fieldset.
Поставьте их как на скрине .Когда процитируете увидите теги.

.......................................
Это код рамочки с разрывом той,что выше
<center><table border="0" background="//img-fotki.yandex.ru/get/9505/230052382.80/0_100104_a21d1f19_S.jpg" cellpadding="2" cellspacing="2" width="700px"><tr><td><center><b><i><font color="0B4B0C"><font size="5"><font face="Monotype Corsiva"><fieldset style=" border:7px #0B4B0C solid; padding: 10px; margin:0px 0px 0px 0px;"><legend align="left"><img style="filter:alpha(opacity=100,style=3)" src="//img-fotki.yandex.ru/get/9828/136160416.15a/0_104e5a_2ffe67f0_XS.gif" border="0" /></legend><br /> <center>ТЕКСТ<br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=https://www.liveinternet.ru/users/3545752/post319233823/"><b><img src="//img-fotki.yandex.ru/get/6618/39663434.20e/0_7c0bc_751cf29d_XL.jpg%3Cbr%20/%3E" /><br /></b></a><br /> <a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://2photo.ru/ru/post/25805" target="_blank"><font size="1"><font color="0B4B0C">источник</font></font></a><br /> <center><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/3370207/blog/"><font color="0B4B0C"><font size="+1">mimozochka</font></font></a></center></center></fieldset></font></font></font></i></b></center> </td></tr></table></center>

Серия сообщений "мои уроки":

Часть 1 - Урок делаем рамочку в фотошопе.(для новичков)
Часть 2 - Урок рамка фотошоп с картинкой. в Photoshop CS5 .
...
Часть 16 - Перевод урока"Adorable" для Корела
Часть 17 - Урок"Фон под запись с обводкой и картинкой в разрыве.
Часть 18 - Дополнение к уроку " Рамка с разрывом."

Флеш часики с будильником.

Мои флеш часики с настоящим будильником.




[flash=500,150,//img0.liveinternet.ru/images/attach/c/10//4100/4100200_budilnik.swf]

Как пользоваться будильником.
На дисплее высвечивается текущее время.
Справа имеются кнопочки для установки будильника, его включения и выключения.
Нажимаем кнопку "SET" (установка) и на дисплее высвечивается "00:00"
Нажимая на кнопку "HRS" устанавливаем нужный нам для оповещения час (час когда будет звонить будильник)
Наживая на кнопку "MIN" и устанавливаем минуты для будильника.
Снова нажимаем кнопку "SET" для перехода в режим отображения текущего времени.
Нажимаем кнопку "ON", тем самым включая сигнал будильника.
После того как будильник прозвонит, отключить его можно нажав на кнопку "OFF".
Теперь вы всегда сможете вовремя оторваться от монитора вашего компьютера.

"Читаем далее"

Серия сообщений "Часовая мастерская":

Как сделать часики, рисование циферблатов и часовых стрелок, сборники клипарта на часовую тему

Часть 1 - Как правильно записать код флешки или видео в рамочку для кодов.
Часть 2 - Создаем таймер обратного отсчета в программе Sothink SWFQuicker
...
Часть 7 - Шаблон - конструктор часиков для Sothink SWF Quicker.
Часть 8 - Делаем заготовку для флеш-календарика в Adobe Flash CS6..
Часть 9 - Флеш часики с будильником.

Простая цветная рамка с закруглёнными краями за 5 минут

Это простая цветная рамка с закруглёнными краями в редакторе HTML
Очень удобна, без использования фона, будете только менять цвет фона, который вам удобен. Растягивается вниз, а ширину сами будете менять.
Вот код рамочки

<center><div style="padding:100px;border-radius: 45px;width: 500px; height: px;border: 8px solid #FFFF33;background: #2C55F9;color:#ffffff;margin-bottom:100px;"><td style="padding:20px;text-align:justify"><center><span style="font-family:Times New Roman;color:#FFFFAD;font-size:24px"><i>ВАШ ТЕКСТ
или
КАРТИНКИ</i></center></div>

А ниже немного инфы о тегах в коде рамочки

кому интересно, прошу под кат

Как сделать окошко с кодом под флешкой



ПАМЯТКА НАЧИНАЮЩИМ БЛОГГЕРАМ

Как сделать окошко с кодом под флешкой

Уже неоднократно задавали мне такой вопрос. Давайте разбираться...))
Допустим, у вас есть вот такие флеш-часики и вы хотите сделать под ними код, чтобы легче было их скопировать.


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

<input type="text" size="15" value=" ФОРМУЛА ФЛЕШКИ " />

НО! Когда вы вставляете в код формулу флешки, то почему-то она искажается.
Чтобы этого не происходило есть один "секретик" - сразу после первой квадратной скобки поставьте звездочку - вот так

и все будет в порядке:


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


[flash=150,150,http://www.609.ir/Clock/Analog/Analog_47.swf]

Надеюсь, что некоторые вопросы по флешкам у вас прояснились...))
для вас Лариса Гурьянова

Серия сообщений "Мои уроки по флешкам":

Часть 1 - Красивые флешки с кодами
Часть 2 - Как во флеш-плеере поменять музыку...
...
Часть 18 - Учимся делать флеш-плеер c кнопкой в Sothink SWF Quicker
Часть 19 - Флеш-часики с уроком "Как сохранить часики на свой компьютер"
Часть 20 - Как сделать окошко с кодом под флешкой
Часть 21 - Как скопировать флешку с инета и поставить в свой дневник...
Часть 22 - Работаем в Portable Flash Effect Maker Pro v5.01

Как быстро найти нужное в коде

КАК БЫСТРО В БОЛЬШОМ КОДЕ
НАЙТИ НУЖНОЕ СЛОВО ИЛИ ЗНАКИ
Те, кто делает рамки, особенно новички, частенько теряют много времени, отыскивая в большом коде нужные участки, чтобы внести свои изменения. Иногда даже "Здесь будет Ваш текст" трудновато обнаружить с первого раза.

Читать далее
Код урока для Mail.ru здесь
еще разные уроки
Что можно скачать бесплатно

Новый mp3 плеер для дневника, сайта.

Наконец-то отчитываюсь:)

Все это время занимался созданием нового плеера для наших дневников, или сайтов. Теперь все готово, делюсь (кроме pro версии, для тех кому интересно, я планирую доделать ее в ближайшие дни) :)

Главная особенность плеера - настройка внешнего вида.
Итак, он может быть например таким:



Или таким:



Читать дальше > > >

Радио хотите?

Первый способ мне нравится больше, но радиостанций, которые можно так послушать... не много... ( но пока писал этот пост, наткнулся на замечательный сайт... так что может найду побольше радиостанций для этого способа)

Суть такая,-
1. Берем мой mp3 плеер для дневника, сайта
2. Используем его как и положено по урокам (про сам плеер, инструкция по удобному использованию )
3. Вместо прямых ссылок на mp3 используем эти ссылки:

Читать дальше > > > > >

Новостная бегущая строка для дневника, сайта

Очередное мое творение, полезняшка:)
Вот такая вот "новостная лента" последних постов для дневника или сайта. На фон не смотрите, он меняется как захотите:)
Размер сделал такой, чтоб лента идеально вписывалася в приложение "всегда под рукой" на ЛиРу.



Еще примеры новостной ленты и инструкция > > >

Татьяна Снежина - музыкальный альбом

Код для разрезных рамок в группах Mail.ru

КАК СДЕЛАТЬ РАЗРЕЗНУЮ РАМКУ ДЛЯ MAIL.RU, КАК УСТРАНИТЬ "РАЗРЫВ" РАМКИ, КАК ИСПРАВИТЬ РАМКУ ФШ.
Коды только для новых групп-блогов в МИРе!

Многие наверно читали урок Ириски "Как сделать фотошоповскую рамку без разрывов" для групп на Mail.ru. А теперь ее можно сделать намного проще и быстрее!
Спасибо большое за кодик Ирине Утицких! Она пыталась восстановить одну испорченную рамку и случайно сделала то, что теперь намного облегчит работу тех, кто делает разрезные рамки. И даже сама сначала не поняла ЧТО она сделала)). Теперь и Рамочник не нужен!
ИТАК!
Ширина рамки здесь, в группах Mail.ru должна быть не очень большой(650-670 пикселей), иначе она зайдет за пределы блога. Не надо выставлять рамки по центру! Это "съедает" полезную площадь блога и так же может "увести" рамку вправо за пределы блога. У кого рамки "уходят", удалите в начале кода теги со словом center.

Даю "скелетик" рамки в окошке ниже.Коды рамочки с подписью под текстом и под рамкой в окошках ниже. Подпись можно поставить и в нижнюю часть рамки, если эта часть достаточно большая по высоте. Если низкая, то при ее создании оставляйте внизу полоску прозрачного фона. Но тогда придется регулировать месторасположение подписи.

Код "скелетика" рамки с подписью в нижней части<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>

Код "скелетика" рамки с подписью под текстом<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст<br /><br /><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a></b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=сс"><text size="1"></text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table>

Код "скелетика" рамки с подписью под рамкой<table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center"><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ВЕРХА" height="ВЫСОТА ВЕРХА"><font color="#000000" style="font-size:20px"><b></b></font></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА СЕРЕДИНЫ"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА ТЕКСТА"><font face="Verdana" color="#ЦВЕТ ШРИФТА" style="font-size:РАЗМЕР ШРИФТАpx"><b>Здесь будет Ваш текст</b></font></td></tr></table></font></td></tr></table></td></tr></table></font></td></tr></table></td></tr><tr><td align="center"><table cellpadding="0" cellspacing="0"><tr><td><font><table cellspacing="0" cellpadding="0"><tr><td align="center" width="ШИРИНА НИЗА" height="ВЫСОТА НИЗА"><a target="_blank" href=""><text size="1"></text></a></td></tr></table></font></td></tr></table></td></tr></table></td></tr></table></font></td></tr></table><br /><a target="_blank" href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=ССЫЛКА НА ВАШ БЛОГ"><text size="1">ВАША ПОДПИСЬ</text></a>

Читать далее
Код урока для Mail.ru здесь
еще разные уроки
Что можно скачать бесплатно

Подставочки под видео (5 штук)

Серия сообщений "МОИ РАБОТЫ":

Часть 1 - МОИ ПЕРВЫЕ МУЗЫКАЛЬНЫЕ ПЛЕЕРОЧКИ (по уроку Л.Гурьяновой)
Часть 2 - Музыкальный плеер *Е.Ваенга - Шопен*
...
Часть 5 - Ищу дарителя симпатии...ау!
Часть 6 - Подставки под видео
Часть 7 - Подставочки под видео (5 штук)
Часть 8 - Рамочки для видео
Часть 9 - Моя анимация "Водопад"
...
Часть 23 - Анимация "Дикий лес"
Часть 24 - Коллаж ♥С Днем рождения!♥
Часть 25 - Коллаж "Розовая мечта"

Зимние видео рамочки

...ВАШE ВИДЕО...

Franzuzhenka

...ВАШE ВИДЕО...

Franzuzhenka

...ВАШE ВИДЕО...

Franzuzhenka

...ВАШE ВИДЕО...

Franzuzhenka

Серия сообщений "видео-рамки":

Часть 1 - РАМОЧКИ ДЛЯ ВИДЕО
Часть 2 - Видео-рамки
...
Часть 7 - Кулинарная видео рамочка!
Часть 8 - Видео рамочки для Вас!
Часть 9 - Зимние видео рамочки
Часть 10 - Кулинарные видео рамочки!
Часть 11 - Видео рамочки от Franzuzhenki
Часть 12 - Видео-плееры для вас!
Часть 13 - Видео-рамочки от Franzuzhenki
Часть 14 - Видео-рамочки для Иришки