Авто генерировать HTML-код для видео

#1 11 декабря 2012 в 16:38
Всем привет, возник вопрос как сделать авто генирацию html кода видео? вот сейчас надо что бы добавить видео лесть в youtube генерировать код ля вставки а как сделать что бы это было автоматом т.е пользователь просто пишет ссылка на видео (типо) youtube.com/video и сразу уже появляется плеер youtube.Как реализовать такое? искал не нашел
instantcms v1.10
#2 11 декабря 2012 в 16:57
в статьях? комментариях?
#3 11 декабря 2012 в 17:01


в статьях? комментариях?

Cruzka

ну если можно то везде! а так лучше на стене пользователя
#4 11 декабря 2012 в 17:32
Поищи в блогах, где то был сделан фильтр для вставки видео с ютуба по ссылке.
#5 11 декабря 2012 в 17:43


Поищи в блогах, где то был сделан фильтр для вставки видео с ютуба по ссылке.

Алфей

что то найти не как не могу
#6 11 декабря 2012 в 20:22
да и авто ссылки как здесь сделать? т.е. при добавлении ссылка появлялась бы автоматом, а не через кнопку "вставить ссылку"
#7 12 декабря 2012 в 14:07
пример замены текстовых ссылок в обычном html документе
  1.  
  2. $('body').html(function(i, html) {
  3. return html.replace(/(?:http:\/\/)?(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=)?(.+)/g, '<iframe width="420" height="345" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>');
  4. });
  5.  
к странице должна быть подключена jquery-ххх
заменяет youtube.com и youtu.be
#8 12 декабря 2012 в 14:12

ример замены текстовых ссылок в обычном html документе

reload
А куда ето вставлять поподробнее можна
#9 12 декабря 2012 в 14:19


ример замены текстовых ссылок в обычном html документе

reload
А куда ето вставлять поподробнее можна

st.Puh

мне тоже это не очень понятно :)
#10 12 декабря 2012 в 15:26
так написал что это пример! для html документа)
вот так можно проверить в действии:
  1.  
  2. <html>
  3. <head>
  4. <script type='text/javascript' src='http://code.jquery.com/jquery-1.6.2.js'></script>
  5. </head>
  6. <body>
  7. http://www.youtube.com/watch?v=9N8ya8bHAic
  8.  
  9. <script type='text/javascript'>
  10. $('body').html(function(i, html) {
  11. return html.replace(/(?:http:\/\/)?(?:www\.)?youtu(?:\.be|be\.com)\/(?:watch\?v=)?(.+)/g, '<iframe width="420" height="345" src="http://www.youtube.com/embed/$1" frameborder="0" allowfullscreen></iframe>');
  12. });
  13. </script>
  14. </body>
  15. </html>
  16.  
Сам скрипт можно в любом месте докумета вставить, как в head так и в body...

Для инстанта нужно изменить регулярку, так как ссылки присутствуют в теге <a> и через редирект, если не изменяет память) а здесь пример для обычного текста.
Вы не можете отвечать в этой теме.
Войдите или зарегистрируйтесь, чтобы писать на форуме.
Используя этот сайт, вы соглашаетесь с тем, что мы используем файлы cookie.