12 июня 2010г.: Универсальный видеотэг.

Поделиться121Вс, 7 Апр 2013 22:22:40

Автор: rps
Стремясь к новому...
Зарегистрирован: Вс, 12 Окт 2008
Сообщений: 22652
Уважение: +4738
Позитив: +3431
Пол: Мужской
Предупреждения: ‡ 1. 2. 3. ... 10!
Последний визит:
Вс, 14 Мар 2021 21:42:57

Admin
Не знаю, может просили уже до этого...
Есть такой телеканал - "Дождь". Там множество интересных программ выходит, совершенно не таких, как на государственных каналах. Есть ли возможность вставить их видео на форум? Ссылка на сайт вот: http://tvrain.ru.

0

Поделиться122Вс, 7 Апр 2013 23:11:53

Автор: prizrak
призрак форума
Зарегистрирован: Вс, 7 Окт 2007
Сообщений: 4298
Уважение: +895
Позитив: +693
Пол: Мужской
Последний визит:
Чт, 15 Фев 2024 20:39:53

rps
без понятия, скрипт писался в далёком 2007 то ли зеброй то ли ещё кем, не помню

0

Поделиться123Пн, 8 Апр 2013 13:35:05

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +312
Пол: Мужской
Последний визит:
Ср, 1 Май 2024 14:37:41

prizrak, спасибо большое за скрипт...

0

Поделиться124Пн, 8 Апр 2013 13:49:33

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +312
Пол: Мужской
Последний визит:
Ср, 1 Май 2024 14:37:41

А как поставить себе такую рамочку, вот код...

Код:

<center><table border="0" background="http://img1.liveinternet.ru/images/attach/c/4/87/742/87742345_0_87103_127f683f_L.png" cellpadding="0" cellspacing="0" width="600" height="667"><tr><td><center></center><center><font size="5"><font color="#ffffff"><b><font face="palatino linotype"><b><div style="text-align: center; padding:230px 00px 00px 20px;">...Код видео...</div></b></font></b></font></font></center><tr><td></td></tr></td></tr></table><center><a href="http://www.liveinternet.ru/users/3131164/blog/"><font size="3"><font face="palatino linotype"><font color="#ffffff">наташа проценюк</font></font></font></a></center></center>

0

Поделиться125Пн, 8 Апр 2013 14:09:17

Автор: Гаечка
Заслуженный
Зарегистрирован: Сб, 6 Апр 2013
Сообщений: 126
Уважение: +9
Позитив: +15
Последний визит:
Вс, 2 Сен 2018 11:35:23

Макака написал(а):

Код:
<style>
.post-content p iframe {
background: maroon;
border: 2px solid maroon;
border-radius: 8px 8px 8px 8px;
padding: 4px;
height: 560px;
width: 315px;
}
</style>

А без рамочек можно просто ширину/высоту менять?

0

Поделиться126Пн, 8 Апр 2013 14:16:56

Автор: Deff
Тутошний...
Зарегистрирован: Ср, 16 Июн 2010
Сообщений: 51118
Уважение: +15200
Позитив: +11592
Последний визит:
Сегодня 13:16:58

Гаечка
border: 2px solid maroon;
Эту строку - выкиньте

0

Поделиться127Пн, 8 Апр 2013 14:38:48

Автор: Гаечка
Заслуженный
Зарегистрирован: Сб, 6 Апр 2013
Сообщений: 126
Уважение: +9
Позитив: +15
Последний визит:
Вс, 2 Сен 2018 11:35:23

Код:

<style>
.post-content p iframe {
    border-radius: 8px 8px 8px 8px;
    padding: 4px;
    height: 440px;
    width: 715px;
}
</style>

ну вот как то так я у себя сделала

спасибо!

0

Поделиться128Вт, 9 Апр 2013 00:51:36

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4064
Позитив: +2370
Пол: Мужской
Последний визит:
Вчера 21:20:05

lenhenster написал(а):

А действительно, сделайте пожалуйста кто может скриптик для вставки своей рамочки на видео.

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

можно использовать вот такой код:

Код:

<style type="text/css"> 
.post-content p iframe {
  border-width: 35px;
  -moz-border-image: url("http://i43.fastpic.ru/big/2012/0815/fa/7195a17b0fb427ff82836c6df499f2fa.png") 30 round round;
  -webkit-border-image: url("http://i43.fastpic.ru/big/2012/0815/fa/7195a17b0fb427ff82836c6df499f2fa.png") 30 round round; 
  -o-border-image: url("http://i43.fastpic.ru/big/2012/0815/fa/7195a17b0fb427ff82836c6df499f2fa.png") 30 round round;
  border-image: url("http://i43.fastpic.ru/big/2012/0815/fa/7195a17b0fb427ff82836c6df499f2fa.png") 30 round round;
}
</style>

Геннадий Эдуардович написал(а):

А как поставить себе такую рамочку, вот код...

Геннадий Эдуардович
это конечно изврат полный, но даже в такую гиганскую рамку как из вашего кода можно обрамить видеоролики

примерно вот таким кодом:

Код:

<style type="text/css"> 
.post-content p iframe {
   border-image: url("http://img1.liveinternet.ru/images/attach/c/4/87/742/87742345_0_87103_127f683f_L.png") 280 50 80 50 round round;
  -moz-border-image: url("http://img1.liveinternet.ru/images/attach/c/4/87/742/87742345_0_87103_127f683f_L.png") 280 50 80 50 round round;
  -webkit-border-image: url("http://img1.liveinternet.ru/images/attach/c/4/87/742/87742345_0_87103_127f683f_L.png") 280 50 80 50 round round; 
  -o-border-image: url("http://img1.liveinternet.ru/images/attach/c/4/87/742/87742345_0_87103_127f683f_L.png") 280 50 80 50 round round;
   border-width: 280px 50px 80px;
}
</style>

а вообще при желании можно можно под каждый видеохостинг сделать свою рамку, надо только в коде к атрибуту src прописать желаемый хостинг
например:
.post-content p iframe[src*="youtube.com"]
или
.post-content p iframe[src*="vk.com"]

единственный минус, такой вариант не работает в IE

+1

Instagram drumman.1

Поделиться129Вт, 9 Апр 2013 02:27:35

Автор: lenhenster
Заслуженный
Зарегистрирован: Ср, 3 Ноя 2010
Сообщений: 340
Уважение: +45
Позитив: +149
Пол: Женский
Последний визит:
Чт, 9 Ноя 2023 15:23:50

Romych, ура, дождалась...огромное сенкс)

0

Поделиться130Вт, 9 Апр 2013 13:19:24

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +312
Пол: Мужской
Последний визит:
Ср, 1 Май 2024 14:37:41

Romych написал(а):

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

Спасибо, а мне нравится...

0

Поделиться131Вт, 9 Апр 2013 15:15:34

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +312
Пол: Мужской
Последний визит:
Ср, 1 Май 2024 14:37:41

К сожалению не все ролики обрамляются в рамку, не обрамляется video.yandex.ru, video.mail.ru, 24video.net, smotri.com, myvi.ru...

Отредактировано Геннадий Эдуардович (Вт, 9 Апр 2013 15:17:23)

0

Поделиться132Ср, 10 Апр 2013 11:44:58

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +312
Пол: Мужской
Последний визит:
Ср, 1 Май 2024 14:37:41

А с этого можно скрипт сделать, пожалуйста...

Код:

<center><div align="center"><table border="0" background="" cellpadding="3" cellspacing="3" width="490"> <tr><td><table border="0" background="http://i046.radikal.ru/0909/a2/10ce4d043ffa.jpg" cellpadding="15" cellspacing="15" width="100%">  <tr><td><table border="0" background="http://i030.radikal.ru/0909/24/39bb10fa0f32.jpg" cellpadding="5" cellspacing="5" width="100%"><tr><td> <center><text face="Arial Narrow"><text size="4"><text color="0d004c">ВАША ССЫЛКА НА ВИДЕО</text></text></text></center></td></tr></table></td></tr></table><center><img src="http://i015.radikal.ru/0909/57/38981f800b68.gif" /></center></td></tr></table></div></center>

Отредактировано Геннадий Эдуардович (Ср, 10 Апр 2013 11:46:02)

0

Поделиться133Ср, 10 Апр 2013 15:43:07

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4064
Позитив: +2370
Пол: Мужской
Последний визит:
Вчера 21:20:05

Геннадий Эдуардович написал(а):

К сожалению не все ролики обрамляются в рамку, не обрамляется video.yandex.ru, video.mail.ru, 24video.net, smotri.com, myvi.ru...

это потому что не все ролики вставляются фреймами, некоторые флэш объектами, поэтому можно прописать не так:
.post-content p iframe

а так:
.post-content p iframe, .post-content p object, .post-content p embed

Геннадий Эдуардович написал(а):

А с этого можно скрипт сделать, пожалуйста...

образец как делать я вам уже дал выше, попробуйте сами для начала
а картинка ваша вот - http://i015.radikal.ru/0909/57/38981f800b68.gif
её подставляйте в код и подгоняйте размеры

+1

Instagram drumman.1

Поделиться134Ср, 10 Апр 2013 17:19:12

Автор: Геннадий Эдуардович
Заслуженный
Зарегистрирован: Чт, 13 Сен 2012
Сообщений: 730
Уважение: +78
Позитив: +312
Пол: Мужской
Последний визит:
Ср, 1 Май 2024 14:37:41

К сожалению у меня получается вот так...

0

Поделиться135Ср, 10 Апр 2013 23:04:01

Автор: Romych
drumman
Зарегистрирован: Вт, 16 Дек 2008
Сообщений: 2704
Уважение: +4064
Позитив: +2370
Пол: Мужской
Последний визит:
Вчера 21:20:05

Геннадий Эдуардович написал(а):

К сожалению у меня получается вот так...

Геннадий Эдуардович
вот так попробуйте

Код:

<style type="text/css"> 
.post-content p iframe, .post-content p object, .post-content p embed {
   border-image: url("http://i015.radikal.ru/0909/57/38981f800b68.gif") 0 12 160 12 round round;
  -moz-border-image: url("http://i015.radikal.ru/0909/57/38981f800b68.gif") 0 12 160 12 round round;
  -webkit-border-image: url("http://i015.radikal.ru/0909/57/38981f800b68.gif") 20 12 160 12 round round; 
  -o-border-image: url("http://i015.radikal.ru/0909/57/38981f800b68.gif") 0 12 160 12 round round;
   border-width: 0 12px 160px;
}
</style>

Отредактировано Romych (Ср, 10 Апр 2013 23:05:10)

0