20 Ноября 2017, 00:18:10

Автор Тема: JW Player  (Прочитано 5952 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн itsdar

  • Постоялец
  • ***
  • Сообщений: 122
  • Репутация: 5
  • Пол: Мужской
JW Player
« : 06 Сентября 2012, 23:44:14 »
Открыла мне сейчас реклама страничку с лицензионным плеером JW Player  (
Licenses start at ?69.)
http://www.longtailvideo.com/players/jw-flv-player

Короче, я от балды на второй раз ввел какие-то цифры и мне открыли их Download
Ну, а что досталось даром, нельзя считать своим.  так что, возьмите и вы...
Цитировать

http://www.longtailvideo.com/players/jw-flv-player/
Download the Web's most advanced video player.
 
Flash & HTML5 Video Player for H.264, WebM, MP3, FLV, YouTube videos and more.
 

4: Copy Your Code*
Below is the JW Embedder code for this setup, which is needed for advanced features such as the JavaScript API and HTML5 playback. If you'd like to use a more lightweight JavaScript embedder, you can embed the player using SWFObject. For sites which may not allow the use of JavaScript, use simple embed code.
<script type='text/javascript' src='jwplayer.js'></script>
 
<div id='mediaspace'>This text will be replaced</div>
 
<script type='text/javascript'>
  jwplayer('mediaspace').setup({
    'flashplayer': 'player.swf',
    'file': 'http://content.longtailvideo.com/videos/flvplayer.flv',
    'frontcolor': '000066',
    'lightcolor': '333333',
    'screencolor': '888888',
    'controlbar': 'bottom',
    'width': '470',
    'height': '320'
  });
</script>
*Please note: this example setup uses a file called player.swf (and, in some cases, swfobject.js or jwplayer.js) that is hosted on our servers. You need to download your own copy of the JW Player (jwplayer.js and swfobject.js are included in the download) and place it on your own server -- then change the link(s) in this example so they point to the file(s) on your server.
simple embed code.

4: Copy Your Code*
Below is the embed code for this setup. For HTML5 failover, and to use more advanced JavaScript interaction, use the JW Embedder. You can also embed the player using SWFObject, a lightweight JavaScript-based Flash embedder.
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='470' height='320' id='single1' name='single1'>
<param name='movie' value='player.swf'>
<param name='allowfullscreen' value='true'>
<param name='allowscriptaccess' value='always'>
<param name='wmode' value='transparent'>
<param name='flashvars' value='file=http://content.longtailvideo.com/videos/flvplayer.flv&frontcolor=000066&lightcolor=333333&screencolor=888888'>
<embed
type='application/x-shockwave-flash'
id='single2'
name='single2'
src='player.swf'
width='470'
height='320'
bgcolor='undefined'
allowscriptaccess='always'
allowfullscreen='true'
wmode='transparent'
flashvars='file=http://content.longtailvideo.com/videos/flvplayer.flv&frontcolor=000066&lightcolor=333333&screencolor=888888'
/>
</object>
SWFObject,

4: Copy Your Code*
Below is the SWFObject 1.5 code for this setup. For HTML5 failover, and to use more advanced JavaScript interaction, use the JW Embedder. For sites which may not allow the use of JavaScript, use simple embed code.
<script type='text/javascript' src='swfobject.js'></script>
 
<div id='mediaspace'>This text will be replaced</div>
 
<script type='text/javascript'>
  var so = new SWFObject('player.swf','mpl','470','320','9');
  so.addParam('allowfullscreen','true');
  so.addParam('allowscriptaccess','always');
  so.addParam('wmode','opaque');
  so.addVariable('file','http://content.longtailvideo.com/videos/flvplayer.flv');
  so.addVariable('frontcolor','000066');
  so.addVariable('lightcolor','333333');
  so.addVariable('screencolor','888888');
  so.write('mediaspace');
</script>


Install the JW Player for Flash v5
Step 1: Download the Installation Zip
Installing the JW Player™ onto your page is a simple two-step process. If you haven't already, download the installation ZIP, which contains everything you need to get started.
Step 2: Upload Player Files to Website
Transfer the player.swf and jwplayer.js files from the ZIP to your website. We recommend putting these files in a folder named "jwplayer" in the root of your site. Make sure that you've also uploaded all the necessary videos, songs and/or images to your site.
Step 3: Embed Player Code into HTML
Embed the player in your HTML page with the lines of code below. Note: If you place the files in different directories, make sure to set the references in this code accordingly.
Embed code:
•   SWFObject 1.5 (legacy)
•   
•   <script type='text/javascript' src='swfobject-1.5.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
    var so = new SWFObject('player.swf','playerID','480','270','9');
    so.addParam('allowfullscreen','true');
    so.addParam('allowscriptaccess','always');
    so.addVariable('file', '/videos/bunny.mp4');
    so.write('mediaplayer');
</script>
•   
•   SWFObject 2.2 (legacy)

<script type='text/javascript' src='swfobject-2.2.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">

   var flashvars = {
      'file':   '/videos/bunny.mp4'
   };
   
   var params = {
      'allowfullscreen':        'true',
      'allowscriptaccess':      'always'
   };
 
   var attributes = {
      'id':                     'playerID',
      'name':                   'playerID'
   };

   swfobject.embedSWF('player.swf', 'mediaplayer', '480', '270', '9', 'false',
       flashvars, params, attributes);
   
</script>

•   JW Embedder
<script type='text/javascript' src='swfobject-1.5.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
    var so = new SWFObject('player.swf','playerID','480','270','9');
    so.addParam('allowfullscreen','true');
    so.addParam('allowscriptaccess','always');
    so.addVariable('file', '/videos/bunny.mp4');
    so.write('mediaplayer');
</script>
<script type='text/javascript' src='swfobject-2.2.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">

   var flashvars = {
      'file':   '/videos/bunny.mp4'
   };
   
   var params = {
      'allowfullscreen':        'true',
      'allowscriptaccess':      'always'
   };
 
   var attributes = {
      'id':                     'playerID',
      'name':                   'playerID'
   };

   swfobject.embedSWF('player.swf', 'mediaplayer', '480', '270', '9', 'false',
       flashvars, params, attributes);
   
</script>
<script type='text/javascript' src='/jwplayer/jwplayer.js'></script>

<div id='mediaplayer'></div>

<script type="text/javascript">
  jwplayer('mediaplayer').setup({
    'flashplayer': 'player.swf',
    'id': 'playerID',
    'width': '480',
    'height': '270',
    'file': '/videos/bunny.mp4'
  });
</script>
Resulting player:
 
Notice the flashvars parameter above can contain a list of variables for configuring the player to use different Plugins or Skins. To quickly set up FlashVars, use the setup wizard. Simply choose an example, select the variables you want to use and paste the code onto your page. It's that easy.
NOTE: If you are embedding JW 5.3 for Flash and HTML5, and trying to integrate with the new JavaScript API please refer to JavaScript API Reference for proper instruction on how to use the new API.

Сам скачанный архив можно скачать http://www.itsdar-lessons.ru/pesni_1/progi/mediaplayer-viral.zip
« Последнее редактирование: 06 Сентября 2012, 23:50:57 от itsdar »

Оффлайн MeN

  • Never Back Down
  • Глобальный модератор
  • Старожил
  • ****
  • Сообщений: 395
  • Репутация: 4
  • Пол: Мужской
  • Да будет так!
Re: JW Player
« Ответ #1 : 14 Сентября 2012, 18:20:38 »
а установку ты на DLE знаешь??? :D
Ученье - свет, неученье - тьма.

Оффлайн itsdar

  • Постоялец
  • ***
  • Сообщений: 122
  • Репутация: 5
  • Пол: Мужской
Re: JW Player
« Ответ #2 : 14 Сентября 2012, 20:24:22 »
Движком не пользуюсь, но принцип прост для любого: либо вписываешь код в замен какого-либо блока, либо арендуешь в каком -либо блоке место для отображения кода и прописываешь его видимым слоем.
(Единственно что, так следует помнить про размеры блока и прописываемого кодом размеры плеера  :D  и не адресуется ли в этот блок что-ниббудь с других)

А вообше-то рекомендация для всех: ничто не мешает создать страничку HTML, вписав туда все содержимое бывшего  PHP и оставив, естественно это же расширение. А дальше "гуляй" как только можещь на лояльной к ... плошадке HTML
« Последнее редактирование: 14 Сентября 2012, 20:30:26 от itsdar »

Оффлайн itsdar

  • Постоялец
  • ***
  • Сообщений: 122
  • Репутация: 5
  • Пол: Мужской
Re: JW Player
« Ответ #3 : 14 Сентября 2012, 20:34:16 »
 :red_kard:  P.S.  MeN, скроллинг автоматический еще куда ни шло при достойном выборе, а как у тебя - это только раздражает. ИМХО
« Последнее редактирование: 14 Сентября 2012, 20:35:42 от itsdar »