1 vote, average: 4,00 out of 51 vote, average: 4,00 out of 51 vote, average: 4,00 out of 51 vote, average: 4,00 out of 51 vote, average: 4,00 out of 5
(1 votes, average: 4,00 out of 5)
Loading ... Loading ...

jQuery: ytPlaylist

ytPlaylist – jest skryptem który generuje playlisty video z Youtube, zamienia zwykłe linki prowadzące do video na Youtube.com na odtwarzacze.

Użycie skryptu jest bardzo proste, poniżej przedstawiamy wam przykładowy kod – który zademonstruje wam działanie.


<!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>Untitled Document</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="jquery.youtubeplaylist.js"></script>
<script type="text/ecmascript">
 $(function() {
 $("ul.demo1").ytplaylist();
 });
</script>
</head>
<body>
 <div>
 <div id="ytvideo"></div>
 <ul>
 <li><a href="http://www.youtube.com/watch?v=QBBWKvY-VDc">Video 1</a></li>
 <li><a href="http://www.youtube.com/watch?v=ZXMQqLnRhRI">Video 2</a></li>
 <li><a href="http://www.youtube.com/watch?v=Wvo-g_JvURI">Video 3</a></li>
 </ul>
</body>
</html>

Powyższy kod powinien zamienić nam wszystkie odnośniki na linki – które umożliwią odtworzenie video bezpośrednio na stronie.

Zaletą skryptu (pluginu), jest to iż można go modyfikować w dowolny sposób – można stworzyć z tego player czy coś innego co wyobraźnia podpowie.

Plik do pobrania zawiera przykłady.

http://www.geckonewmedia.com/blog/2009/8/14/jquery-youtube-playlist-plugin---youtubeplaylist

Skomentuj

Twój adres email nie zostanie opublikowany i nie będzie rozpowszechniany. Wymagane pola są oznaczone *

*
*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>