Как добавить в блог фрагмент ролика с Youtube.

Суббота, 03 Августа 2013 г. 08:12 + в цитатник

Цитата сообщения lapatylechka_LILI

Прочитать целиком В свой цитатник или сообщество!

Как добавить в блог фрагмент ролика с Youtube.

КАК ДОБАВИТЬ В БЛОГ
ФРАГМЕНТ РОЛИКА С YOUTUBE

В интернете, как и в Греции, всё есть. Но найти в нём то, что тебе нужно, не всегда бывает просто.
Хотела сегодня добавить в запись видео с Youtube, но не весь ролик, а только небольшой фрагмент. Помню, что такая возможность там есть, но ни разу ею не пользовалась, соответственно, как это сделать не знаю. Думаю, не проблема, спрошу в Google, он знает всё.

Как оказалось, действительно, знает. Инструкция нашлась быстро и начиналась она так: "Надо взять с Ютьюба код ролика, найти в этом коде вот такие девятки 999999 (они идут перед кавычкой и треугольной скобкой)..."
На этом я остановилась и начала вспоминать как выглядит код ролика с Youtube, который мы добавляем в сообщество или блог. Девяток там не было.
Убедитесь сами.
Старый код встраивания (кстати, его вернули на Youtube):

<object width="420" height="315"><param name="movie" value="httр://www.youtube.com/v/0M8eVHNfoyI?hl=ru_RU&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="httр://www.youtube.com/v/0M8eVHNfoyI?hl=ru_RU&version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Новый код встраивания:

<iframe width="420" height="315" src="httр://www.youtube.com/embed/0M8eVHNfoyI" frameborder="0" allowfullscreen></iframe>

И где здесь девятки?

Вероятно, когда-то код ролика с Youtube был другим и девятки в нём действительно присутствовали. И именно для этого кода кто-то когда-то придумал инструкцию. Затем эту инструкцию начали тащить по своим блогам и сайтам все, кому она попадалась на глаза. Тащить даже не пытаясь разобраться - что это и зачем и как оно работает и работает ли вообще.
* * * * *

Для того, чтобы добавить в блог только фрагмент видео с Youtube нужно в коде встраивания после ссылки на ролик указать начало и конец проигрывания видео в секундах (или только начало, если ролик должен проигрываться с определённого момента).
Например, эти цифры: &start=12&end=28 означают, что ролик будет проигрываться с 12 по 28 секунду.
Посмотрите, где их нужно расположить в коде встраивания:

<object width="420" height="315"><param name="movie" value="httр://www.youtube.com/v/0M8eVHNfoyI&start=12&end=28?hl=ru_RU&version=3"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="httр://www.youtube.com/v/0M8eVHNfoyI&start=12&end=28?hl=ru_RU&version=3" type="application/x-shockwave-flash" width="420" height="315" allowscriptaccess="always" allowfullscreen="true"></embed></object>

Результат:

Если редактирование кода кажется вам слишком сложным и вообще не по душе, возможно, вам понравится этот сайт, который позволяет сгенерировать код для показа фрагмента ролика: http://www.splicd.com/

Сайт англоязычный, но вполне понятен: нужно указать ссылку на ролик, время начала и конца проигрывания (в минутах и секундах), нажать на кнопку Continue и скопировать предложенный код.
Правда, сайт добавляет ссылку на себя в любом ролике, отредактированном с его участием, но это несложно исправить, стереть часть кода после последнего тега </object> (выделена серым цветом):

<object width="425" height="344"><param name="movie" value="httр://www.youtube.com/v/0M8eVHNfoyI&start=60&end=120"></param><param name="allowFullScreen" value="true"></param><embed src="httр://www.youtube.com/v/0M8eVHNfoyI&start=60&end=120" type="application/x-shockwave-flash" allowfullscreen="true" width="425" height="344"></embed></object> <div style="text-align: right; margin-top: 3px; width: 425px; height: 344px;"><a href="httр://splicd.com" style="color: rgb(85, 85, 85); font-size: 13px; text-decoration: none; font-family: Helvetica,sans-serif;">powered by <span style="color: rgb(200, 91, 0);">Splicd.com</span></text></a></div>

Взяла в сообществе "Pro Comp" здесь

hands