Вставляем музыкальный плеер в определённое место

Вставляем музыкальный плеер в определённое место Чтобы вставить плеер (и не только) в определённое место, нужно создать код и вписать туда нужные для этого теги. Код: <div align="center"><table border="0" cellpadding="0" background="ФОНОВАЯ КАРТИНКА"><tbody><tr><td style="padding: 0px;" width="ШИРИНА ФОНА" height="ВЫСОТА ФОНА" ТЕГИ ВЫРАВНИВАНИЯ>КОД ПЛЕЕРА</td></tr></tbody></table></div> Теги выравнивания: снизу по центру — valign="bottom" align="center" снизу справа — valign="bottom" align="right" снизу слева — valign="bottom" align="left" сверху в центре — valign="top" align="center" сверху справа — valign="top" align="right" сверху слева — valign="top" align="left" Примеры: Cверху слева: Cнизу слева: Сверху справа: Снизу справа: Сверху в центре: Снизу по центру: Вопрос был про плееры, но не могу не написать, что точно так же можно вставить картинки. Cверху слева: Cнизу слева: Cверху справа: Cнизу справа: Cверху в центре: Cнизу по центру: bloginja

Читайте так же:
Плееры для вставки МР3
Плееры в дневник
Плейкаст

Серия сообщений "Памятка для Лиру":

Часть 1 - Бегущая строка из картинок или текста
Часть 2 - Плееры в дневник
...
Часть 17 - Скачать видео, загруженое на Лиру
Часть 18 - Развернуть картинку прямо на странице поста
Часть 19 - Вставляем музыкальный плеер в определённое место
Часть 20 - Не показывает видео в дневниках. Браузер Firefox.

HTML5 для ЛиРу - коды плееров

Перевели сервис на https:// - защищенный протокол

Раз уж браузеры стали пугать людей надписями типа "Не защищено" - сделали, чтобы везде писалось "Защищено", для чего перевели почти все странички на загрузку по протоколу https.

Сейчас не пишет про "защищено" в двух случаях:
1) На другом домене (отдельно подключенном к дневнику) помимо liveinternet.ru
2) На странице, куда вставлены картинки/флешки/видео с других сайтов

Нужна ли эта надпись? Нет, не нужна. Никаких данных мы ценных никуда не передаем. Логин и пароль у нас уже много раз отправляются через защищенное соединение, даже если внешне это видно как "Не защищено". Живите как жили, ничего не бойтесь, о багах сообщайте, пока они еще не исправлены:)

Владельцы отдельных доменов для дневников, которым нужно https - давайте кто-нибудь купите себе сертификат и на его примере попробуем сделать подключение https для дневников на отдельных доменах

Домены и SSL-сертификаты

Вере про плеер

Плеер в рамочке.

Новые плееры не изменяются по цвету, поэтому попробовала сделать его в цветной рамке. Состоит он из двух частей, двух кодов.

1. Вот код рамки

 

<table border="1" width="100%" bgcolor="#FFFFFF" bordercolor="#000000" cellspacing="0" cellpadding="2"> <tr> <td width="100%"> <center> Так это выглядит </center> </td> </tr> </table></strong></span></p> <p> <span style="font-size:20px;"><strong>2. Это код плеера</strong></span></p> <p> <span style="font-size:20px;"><strong><center><br /> <textarea cols="30" rows="4" name=""><audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"></audio></strong></span></p> <p>  </p>

 

2. Это код плеера

 

<audio controls="controls" src="тут ссылка на файл mp3" type="audio/mpeg"></audio></span></strong></p> </center>

 

3. Делаем рамку и вместо слов "Так это выглядит" вставляем код плеера

4. Ширина плеера где-то около 250, а рамка шириной 700. Поэтому я просто сдвигаю рамку до ширины плеера стрелочкой сбоку рамки. Примитивно, но верно.

5. Затем рамку с плеером располагаю по центру с помощью тега <center>, который пишется в начале формулы всего этого сооружения из рамки и плеера.

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

Про плеер, прямые ссылки и другое... Перепост. Автор Любаша К.

Про плеер, прямые ссылки и другое...

Перепост. Автор Любаша К.

Вриант первый. Код музыкального плеера, код которого вы найдёте ниже в окошке, лучший. Не знаю, кто "автор" этого кода, но ему от нас Большое спасибо...)) Вот этот музыкальный плеер и код.

<p style="text-align: center;"><video alt="" border="0" controls="controls" height="60" poster="" src="СЮДА ВСТАВИТЬ ПРЯМУЮ ССЫЛКУ НА МУЗЫКУ" title="" type="audio/mpeg" width="100"></video></p> Если вы захотите сделать муз. открытку и вставить в код к музыке картинку, простую или анимационную, то ссылку на картинку нужно вставить так, см. код.

Читать далее...

Варианты плееров для установки на Ваш сайт, блог. Код плеера.

Цветные флеш-плееры с кодами

Музыку в них можно менять. Как это сделать смотрим УРОК .

Смотрим дальше...

Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player

Всем Здравствуйте... Сегодня я расскажу где и как сделать Плейлист, чтобы его можно было видеть и главное слышать тогда, когда Адобе флеш плеер перестанет работать в браузерах. Для этого нам нужен сайт, под названием - Архив.орг, я вас уже с ним знакомила раньше.

пост составила

Прочитал сам - покажи другому!

Серия сообщений "Уроки от Любаши К":

Часть 1 - Настраиваем ноут при закрытии крышки
Часть 2 - Делаем авку и собираем пазлы...
...
Часть 7 - Как перевернуть видео
Часть 8 - Как вставить шрифт в систему
Часть 9 - Как сделать Плейлист с песнями, который будет работать без Adobe Flash Player

Про плеер с html кодом...Размышление...




Всем Здравствуйте...))

Долго думала, стоит ли писать этот пост...
Но решила-таки написать его...А тема важная для многих -

Аудиоплееры с html кодом...

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

Как превратить HTML аудиоплеер в круглую кнопку и разместить его поверх фонового изображения

Обычный HTML аудиоплеер выглядит так

Его код:

---

<audio controls="controls" src="https://img1.liveinternet.ru/images/attach/d/0//5181/5181570_clous_van_mechelen__dont_make_my_brown_eyes_blue.mp3"></audio>

---

Атрибут «controls» здесь нужен обязательно, т.к. он добавляет панель управления к аудиофайлу. Атрибут «src» указывает путь к воспроизводимому файлу


Я размещу плеер в виде кнопки на изображении с анимацией, которую сама сделала. У меня получилось так

Аудиоплееры с html кодом - 4

В плеерах играют песни про Татьянин день и про Танюшек...))

пост составила

Серия сообщений "Аудиоплееры":

Часть 1 - Аудиоплееры с html кодом
Часть 2 - Аудиоплееры с html кодом - 2
Часть 3 - Аудиоплееры с html кодом - 3
Часть 4 - Аудиоплееры ко Дню Влюблённых с куколками
Часть 5 - Аудиоплееры с html кодом - 4