Модераторы: Sardar, Aliance

Поиск:

Ответ в темуСоздание новой темы Создание опроса
> как реализовать смену видео на одной страничке, смена видео как на одноклассниках 
:(
    Опции темы
ardeler
Дата 23.6.2011, 09:01 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
Здравствуйте Уважаемые Веб Мастера .

Столкнулся с такой проблемой - нужно реализовать проигрывание нескольких видео на одной странице . (видео с youtube)


Пример почти  как на одноклассниках .


Допустим есть 5 ссылок при нажатии на одну из них загружается видео - при нажатии на вторую - второе видео заменяет первое .

Код

<embed type="application/x-shockwave-flash" width="470px" height="287px" src="http://www.youtube.com/    (video id)    
 &amp;hl=en&amp;fs=1&amp;rel=0?amp;autoplay=1" allowscriptaccess="always" allowfullscreen="true"></embed>



пожалуйста вдруг кто то сталкивался с такой проблемой помогите .

Это сообщение отредактировал(а) ardeler - 23.6.2011, 09:02
--------------------
Jumo network | myspace 
PM MAIL   Вверх
ardeler
Дата 23.6.2011, 09:22 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
К примеру в этом коде меняется сам плеер - а как сделать чтобы можно было при клике - на ссылку менять видео . 

Код

         <div class="component" id="live-demo-embed" style="height: 953px;">
<!-- COMPONENT START -->
<object style="visibility: visible;" id="ce-youtube-vimeo-player-0" 
data="http://www.flashxml.net/data/items/components/youtube-vimeo-player/swfs/live-demo/demoHolder.swf"
 type="application/x-shockwave-flash" width="600" height="953"><param value="noscale" name="scale">
<param value="tl" name="salign"><param value="transparent" name="wmode">
<param value="always" name="allowScriptAccess"><param value="true" name="allowFullScreen">
<param value="folderPath=http://www.flashxml.net/data/items/components/youtube-vimeo-player/
swfs/live-demo/&amp;permaId=276&amp;permaLink=youtube-vimeo-player" name="flashvars"></object>





 ребята может все таки знаете как сделать ?

Это сообщение отредактировал(а) ardeler - 23.6.2011, 09:32
--------------------
Jumo network | myspace 
PM MAIL   Вверх
ardeler
Дата 24.6.2011, 09:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
Ребята чтобы было проще понять я нарисовал скрин 


http://s2.ipicture.ru/uploads/20110624/pO8w5WpI.png



помогите пож реализовать - я даже деньги скину  .
--------------------
Jumo network | myspace 
PM MAIL   Вверх
нуп
Дата 24.6.2011, 10:56 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33
Либо создавать несколько видео и при клике по ссылке прятать ненужные, либо искать в документации youtube  smile 
PM MAIL   Вверх
ardeler
Дата 24.6.2011, 11:11 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
При чем тут ютюб - 

мне нужна навигация которая будет работать на одной странице 

примеры 

Одноклассники ру - ссылки 

В контакте  ру аудио записи 

prostopleer com  аудио 


____  


мне так же нужно чтобы в окошке по нажатию на ссылку включалось нужное видео - (без нужды создания страниц под каждое видео )
--------------------
Jumo network | myspace 
PM MAIL   Вверх
нуп
Дата 24.6.2011, 12:40 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33
Цитата(ardeler @  23.6.2011,  09:01 Найти цитируемый пост)
Столкнулся с такой проблемой - нужно реализовать проигрывание нескольких видео на одной странице . (видео с youtube)



Цитата(ardeler @  24.6.2011,  11:11 Найти цитируемый пост)
При чем тут ютюб - 


На сайте ютуб есть документация по работе с их плеером!  smile 
PM MAIL   Вверх
ardeler
Дата 24.6.2011, 14:14 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
В документации не чего не понятно - половина страниц на английском . 

Нашел маленький код по переключению аудио видео файлов

Код

<script type="text/javascript">var flashvars = 
{"uid":"audioplayer1","m":"audio","file":"http://audio.uppod.net/sample.mp3"};var params = 
{id:"audioplayer1",allowScriptAccess:"always"}; 
new swfobject.embedSWF("http://uppod.ru/samples/ajax1/uppod.swf",
 "audioplayer1", "400", "35", "9.0.115", false, flashvars, params);</script>
            
            <!--2 HTML-->
            
            
 <object id="audioplayer2" type="application/x-shockwave-flash" 
data="uppod.swf" width="400" height="35">
<param name="bgcolor" value="#ffffff" />
<param name="allowFullScreen" value="true" />
<param name="allowScriptAccess" value="always" />
<param name="movie" value="http://uppod.ru/samples/ajax1/uppod.swf" />
<param name="flashvars" value="uid=audioplayer2&amp;m=audio&amp;
file=http://audio.uppod.net/sample.mp3" /></object>



А как сделать к примеру кнопку я не могу понять 



допустим у меня такой код видео 

<embed type="application/x-shockwave-flash" width="470px" height="287px" src="http://www.youtube.com/v/ZJoGQNXeUXg&amp;hl=en&amp;fs=1&amp;rel=0?amp;autoplay=1" allowscriptaccess="always" allowfullscreen="true"></embed>


<embed type="application/x-shockwave-flash" width="470px" height="287px" src="http://www.youtube.com/v/KNql022lT_Y&amp;hl=en&amp;fs=1&amp;rel=0?amp;autoplay=1" allowscriptaccess="always" allowfullscreen="true"></embed>


и 2 ссылки 

<ul>
<li><a href=""></li>

<li><a href=""></li>
</ul>



 КАк сделать так чтобы по клике на ссылку включалось видео + только одно - а при клике на вторую ссылку включалось 2 видео - на одной странице  ?




 



















Это сообщение отредактировал(а) ardeler - 24.6.2011, 14:15
--------------------
Jumo network | myspace 
PM MAIL   Вверх
нуп
Дата 24.6.2011, 15:23 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33
Создаете функцию, которая в контейнер будет пересоздавать embeded c другим урлом.
PM MAIL   Вверх
ardeler
Дата 24.6.2011, 17:36 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
ну а как ее создать  уважаемый :?  если знаете скиньте пожалуйста код .
--------------------
Jumo network | myspace 
PM MAIL   Вверх
patap
Дата 24.6.2011, 17:54 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Опытный
**


Профиль
Группа: Участник
Сообщений: 893
Регистрация: 7.5.2005
Где: Украина, Зп

Репутация: нет
Всего: 40
пятница, конец для...разбираться в лом  smile 
думаю тут есть все что нужно http://code.google.com/intl/ru-RU/apis/you..._reference.html


--------------------
На боку кобура болталась, сзади шашка отцовская звякала. 
Впереди меня все хохотало, а позади все плакало (с)
PM MAIL ICQ   Вверх
ardeler
Дата 24.6.2011, 21:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
спасибо patap  - но как то много чего так - не понятного .


Если кто то решиться помочь в реализации закину ему на webmoney 200 рублей . 


(суть в том что это видео будет с ID + я на php пропишу добавление и буду выводить в цикле все видео 

мне нужно чтобы по клику на ссылку открывалось нужное видео в одном окошке без обновления страницы

)
--------------------
Jumo network | myspace 
PM MAIL   Вверх
ardeler
Дата 25.6.2011, 09:06 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
нашел нужный код 

Код

<!--
You are free to copy and use this sample in accordance with the terms of the
Apache license (http://www.apache.org/licenses/LICENSE-2.0.html)
-->

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <title>YouTube Player API Sample</title>
    <style type="text/css">
      #videoDiv {
        margin-right: 3px;
      }
      #videoInfo {
        margin-left: 3px;
      }
    </style>
    <script src="http://www.google.com/jsapi" type="text/javascript"></script>
    <script type="text/javascript">
      google.load("swfobject", "2.1");
    </script>    
    <script type="text/javascript">
      /*
       * Change out the video that is playing
       */
      
      // Update a particular HTML element with a new value
      function updateHTML(elmId, value) {
        document.getElementById(elmId).innerHTML = value;
      }
      
      // Loads the selected video into the player.
      function loadVideo() {
        var selectBox = document.getElementById("videoSelection");
        var videoID = selectBox.options[selectBox.selectedIndex].value
        
        if(ytplayer) {
          ytplayer.loadVideoById(videoID);
        }
      }
      
      // This function is called when an error is thrown by the player
      function onPlayerError(errorCode) {
        alert("An error occured of type:" + errorCode);
      }
      
      // This function is automatically called by the player once it loads
      function onYouTubePlayerReady(playerId) {
        ytplayer = document.getElementById("ytPlayer");
        ytplayer.addEventListener("onError", "onPlayerError");
      }
      
      // The "main method" of this sample. Called when someone clicks "Run".
      function loadPlayer() {
        // The video to load
        var videoID = "ylLzyHk54Z0"
        // Lets Flash from another domain call JavaScript
        var params = { allowScriptAccess: "always" };
        // The element id of the Flash embed
        var atts = { id: "ytPlayer" };
        // All of the magic handled by SWFObject (http://code.google.com/p/swfobject/)
        swfobject.embedSWF("http://www.youtube.com/v/" + videoID +
                           "&enablejsapi=1&playerapiid=player1&autoplay=1",
                           "videoDiv", "480", "295", "8", null, null, params, atts);
      }
      function _run() {
        loadPlayer();
      }
      google.setOnLoadCallback(_run);
    </script>
  </head>
  <body style="font-family: Arial;border: 0 none;">
    <table>
    <tr>
    <td><div id="videoDiv">Loading...</div></td>
    <td valign="top">
      <div id="videoControls">
        <p>Select a video to load:</p>
        <select id="videoSelection" onchange="loadVideo();">
          <option value="ylLzyHk54Z0" selected>YouTube API Overview</option>
          <option value="GMUlhuTkM3w">Beatboxing Flute</option>
        </select>
      </div>
    </td></tr>
    </table>
  </body>
</html>







Уважаемые кодеры помогите реализовать включение через <a href="">велосипед</a> <a href="">Машина</a>


--------------------
Jumo network | myspace 
PM MAIL   Вверх
нуп
Дата 25.6.2011, 09:13 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33
Код

<script>
function myfunc(url)  {
    alert('Видео грузись ' + url);
    return false;
}
</script>
<a href="#" onclick="myfunc('urle1');">video 1</a> <a href="#" onclick="myfunc('urle2');">video 2</a>


 smile 
PM MAIL   Вверх
ardeler
Дата 25.6.2011, 09:21 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Старец
*


Профиль
Группа: Участник
Сообщений: 125
Регистрация: 5.1.2011

Репутация: нет
Всего: -1
извините за тупость 


Код

<script>
function myfunc(url)  {
    alert('' + url);
    return false;
}
</script>

<li><a href="#" onclick="myfunc('ylLzyHk54Z0');" class="current">ТЕСТ</a></li>
<li><a href="#" onclick="myfunc('GMUlhuTkM3w');">ТЕСТ 2</a></li>



так должен выглядеть код ?
--------------------
Jumo network | myspace 
PM MAIL   Вверх
нуп
Дата 25.6.2011, 09:24 (ссылка) | (нет голосов) Загрузка ... Загрузка ... Быстрая цитата Цитата


Ботокодер
**


Профиль
Группа: Участник
Сообщений: 987
Регистрация: 22.6.2009
Где: Кременчуг

Репутация: 13
Всего: 33
Вместо myfunc подставьте loadVideo и передавайте туда нужный video_id
PM MAIL   Вверх
Ответ в темуСоздание новой темы Создание опроса
Форум для вопросов, которые имеются в справочниках, но их поиск вызвал затруднения, или для разработчика требуется совет или просьба отыскать ошибку. Напоминаем: 1) чётко формулируйте вопрос, 2) приведите пример того, что уже сделано, 3) укажите явно, нужен работающий пример или подсказка о том, где найти информацию.
 
0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема | JavaScript: Общие вопросы | Следующая тема »

Подписаться на тему | Подписка на этот форум | Скачать/Распечатать тему


 




[ Время генерации скрипта: 0.0618 ]   [ Использовано запросов: 22 ]   [ GZIP включён ]


Реклама на сайте     Информационное спонсорство

 
 По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности     Powered by Invision Power Board(R) 1.3 © 2003  IPS, Inc.