<script>
function load_object()
{
document.getElementById("gallery_video").innerHTML =
"<object height=\"250\" width=\"400\"><param name=\"movie\"
value=\"http://www.youtube.com/v/7f-nB8Ait-M\">
<param name=\"wmode\" value=\"transparent\">
<embed src=\"http://www.youtube.com/v/7f-nB8Ait-M\"
type=\"application/x-shockwave-flash\" wmode=\"transparent\"
height=\"250\" width=\"400\"></object>";
}
</script>
<div id="gallery_video"></div>
<a href="java script:void(0)" onClick="load_object()">Load</a>
Динамическая загрузка роликов с Youtube: кэширование, ресайз и проблемы с ИЕ
Здравствуйте.
Задача такая - сделать у себя на сайте что-то типа галереи роликов, лежащих на ютубе.
Галерея представляет из себя набор рисунков-миниатюр, при клике на которые в главное окно через innerHTML подставляется объект с роликом.
Пример кода:
Вопросы:
1. Возможно ли как-нить сделать кеширование роликов по аналогии с кэшированием рисунков через объект Image()? Желательно, чтобы при клике по миниатюре(которая предварительно кэшируется через Image() с того же ютуба) в основное окно загружался сразу хотя бы стартовый кадр, чтобы не ждать загрузки с ютуба.
2. При задании параметров тега <object> height\width с пропорцией, отличающейся от начальной для ролика(обычно 425*350) - например 400*300, ролик занимает не всю площадь контейнера, а только ее часть, сохраняя свои пропорции - это реально как-нить исправить, растянув ролик на всю площадь?
3. При динамической подстановке в div через innerHTML кода ролика <object ...> в IE6 ничего не происходит - при том, что в Мозилле\Опере все грузится и работает без проблем - как лучше это реализовать для ИЕ?
Заранее благодарю за ответы
Задача такая - сделать у себя на сайте что-то типа галереи роликов, лежащих на ютубе.
Галерея представляет из себя набор рисунков-миниатюр, при клике на которые в главное окно через innerHTML подставляется объект с роликом.
Пример кода:
Код:
Вопросы:
1. Возможно ли как-нить сделать кеширование роликов по аналогии с кэшированием рисунков через объект Image()? Желательно, чтобы при клике по миниатюре(которая предварительно кэшируется через Image() с того же ютуба) в основное окно загружался сразу хотя бы стартовый кадр, чтобы не ждать загрузки с ютуба.
2. При задании параметров тега <object> height\width с пропорцией, отличающейся от начальной для ролика(обычно 425*350) - например 400*300, ролик занимает не всю площадь контейнера, а только ее часть, сохраняя свои пропорции - это реально как-нить исправить, растянув ролик на всю площадь?
3. При динамической подстановке в div через innerHTML кода ролика <object ...> в IE6 ничего не происходит - при том, что в Мозилле\Опере все грузится и работает без проблем - как лучше это реализовать для ИЕ?
Заранее благодарю за ответы
На том же ютубе есть апи с описанием. Читай.
