`
dbscx
  • 浏览: 74678 次
  • 性别: Icon_minigender_1
  • 来自: 杭州
社区版块
存档分类
最新评论

JW Player带播放列表的Demo

阅读更多

需要3个文件player.html、player.swf(见附件)、player.xml

 

文件player.html

<html>
<head/>
<body>
<object classid='clsid:D27CDB6E-AE6D-11cf-96B8-444553540000' width='1000' height='600' 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='playlistfile=player.xml&playlistsize=200&playlist=right&autostart=false&repeat=list'>
  <embed
    type='application/x-shockwave-flash' 
    id='single2' 
    name='single2' 
    src='player.swf' 
    width='1000' 
    height='600' 
    bgcolor='undefined' 
    allowscriptaccess='always'
    allowfullscreen='true' 
    wmode='transparent' 
    flashvars='playlistfile=player.xml&playlistsize=200&playlist=right&autostart=false&repeat=list'>
  </embed>
</object>
</body>
</html>

 

文件player.xml

可以选择XSPF,RSS,itunes,media,ASX,ATOM

 

Flashvars XSPF RSS itunes media ASX ATOM
author creator - author credit author -
date - pubDate - - - published
description annotation description summary description abstract summary
duration duration - duration content duration -
file location enclosure - content ref -
link info link - - moreinfo link
image image - - thumbnail - -
start - - - - starttime -
streamer - - - - - -
tags - category keywords keywords - -
title title title - title title title
provider - - - - - -

 

ASX格式的player.xml

<asx version="3.0">
  <title>Example ASX playlist</title> 
  <entry>
    <title>FLV video</title> 
    <author>the Peach Open Movie Project</author> 
    <abstract>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</abstract> 
    <moreinfo href="http://www.bigbuckbunny.org/" /> 
    <ref href="../../testing/files/bunny.flv" /> 
  </entry>
  <entry>
    <title>MP3 Audio with image</title> 
    <author>the Peach Open Movie Project</author> 
    <abstract>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</abstract> 
    <ref href="files/bunny.mp3" /> 
    <moreinfo href="http://www.bigbuckbunny.org/" /> 
    <param name="image" value="files/bunny.jpg" /> 
  </entry>
  <entry>
    <title>PNG Image with duration</title> 
    <author>the Peach Open Movie Project</author> 
    <abstract>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</abstract> 
    <ref href="files/bunny.png" /> 
    <duration value="00:00:10" /> 
  </entry>
  <entry>
    <title>Youtube video with start</title> 
    <author>the Peach Open Movie Project</author> 
    <abstract>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</abstract> 
    <moreinfo href="http://www.bigbuckbunny.org/" /> 
    <ref href="http://youtube.com/watch?v=IBTE-RoMsvw" /> 
    <starttime value="10" /> 
  </entry>
</asx>

 XDPF格式的player.xml

<playlist version="1" xmlns="http://xspf.org/ns/0/">
  <title>Example XSPF playlist</title> 
  <tracklist>
    <track>
      <title>FLV video</title> 
      <creator>the Peach Open Movie Project</creator> 
      <info>http://www.bigbuckbunny.org/</info> 
      <annotation>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</annotation> 
      <location>../../testing/files/bunny.flv</location> 
    </track>
    <track>
      <title>MP3 audio with thumb</title> 
      <creator>the Peach Open Movie Project</creator> 
      <info>http://www.bigbuckbunny.org/</info> 
      <annotation>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</annotation> 
      <location>files/bunny.mp3</location> 
      <image>files/bunny.jpg</image> 
    </track>
    <track>
      <title>PNG image with duration</title> 
      <creator>the Peach Open Movie Project</creator> 
      <annotation>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</annotation> 
      <location>files/bunny.png</location> 
      <meta rel="duration">10</meta> 
    </track>
    <track>
      <title>Youtube video with start</title> 
      <creator>the Peach Open Movie Project</creator> 
      <info>http://www.bigbuckbunny.org/</info> 
      <annotation>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</annotation> 
      <location>http://youtube.com/watch?v=IBTE-RoMsvw</location> 
      <meta rel="start">10</meta> 
    </track>
  </tracklist>
</playlist>

RSS格式的player.xml

<rss version="2.0" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" xmlns:jwplayer="http://developer.longtailvideo.com/trac/wiki/FlashFormats">
  <channel>
    <title>Example iTunes RSS playlist</title> 
    <item>
      <title>FLV Video</title> 
      <link>http://www.bigbuckbunny.org/</link> 
      <description>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</description> 
      <enclosure url="../../testing/files/bunny.flv" type="video/x-flv" length="1192846" /> 
      <itunes:author>the Peach Open Movie Project</itunes:author> 
    </item>
    <item>
      <title>MP3 Audio with image</title> 
      <link>http://www.bigbuckbunny.org/</link> 
      <description>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</description> 
      <enclosure url="files/bunny.mp3" type="audio/mpeg" length="1192846" /> 
      <itunes:author>the Peach Open Movie Project</itunes:author> 
      <jwplayer:image>files/bunny.jpg</jwplayer:image> 
    </item>
    <item>
      <title>PNG Image with duration</title> 
      <description>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</description> 
      <enclosure url="files/bunny.png" type="image/png" length="1192846" /> 
      <itunes:author>the Peach Open Movie Project</itunes:author> 
      <itunes:duration>00:10</itunes:duration> 
    </item>
    <item>
      <title>Youtube video with start</title> 
      <link>http://www.bigbuckbunny.org/</link> 
      <description>Big Buck Bunny is a short animated film by the Blender Institute, part of the Blender Foundation.</description> 
      <enclosure url="http://youtube.com/watch?v=IBTE-RoMsvw" type="text/html" length="1192846" /> 
      <itunes:author>the Peach Open Movie Project</itunes:author> 
      <jwplayer:start>10</jwplayer:start> 
    </item>
  </channel>
</rss>

 

 

分享到:
评论

相关推荐

    jw player drm视频播放器(h5、web、android、ios)视频播放

    JW Player是一款强大的跨平台数字版权管理(DRM)...总的来说,JW Player是一款功能全面的DRM视频播放解决方案,它覆盖了多种平台,并提供丰富的API和自定义选项,使得开发者能够轻松地在不同环境下集成和控制视频播放。

    jwplayer7.1.4下载包括demo

    总结来说,JW Player 7.1.4 是一款强大的视频播放解决方案,其易用性和灵活性使其成为开发者集成网页视频的首选工具。通过下载包含的demo,用户可以直接上手实践,快速掌握其使用方法。结合`demo.html`的示例代码,...

    jwplayer附带demo,亲测可用

    1. **demo.html**:这是一个演示文件,它展示了JW Player如何与HTML页面集成并播放视频。在该文件中,你可以看到HTML代码是如何嵌入JW Player的JavaScript API来控制播放、暂停、音量调节、全屏切换等操作的。同时,...

    jwplayer 7.12+demo

    包含的"demo"部分通常会展示JW Player的基本用法和功能,例如如何嵌入视频、控制播放、处理事件等。通过这些示例,初学者可以快速上手,而有经验的开发者则能了解新版本的更新和改进。示例代码通常包括HTML、CSS和...

    h5 rtmp播放demo

    【H5 RTMP播放Demo详解】 在现代网络技术中,H5(HTML5)作为下一代网页标准,提供了丰富的媒体处理能力。RTMP(Real-Time Messaging Protocol)则是一种用于音视频实时传输的协议,广泛应用于直播系统。本示例是...

    Jwplayer Demo

    这个"Jwplayer Demo"是JW Player的一个实例展示,用于演示其功能和用法,特别关注的是如何在C#环境中实现在线视频播放。 在C#开发中集成JW Player,开发者可以利用JW Player提供的JavaScript API来控制视频播放,如...

    jwplayer-7.9.1【内含demo文件,亲测可用】

    通过参考"demo"文件,你可以学习如何配置JW Player,例如设置视频源、播放列表、控制栏选项等。首先,你需要在HTML文件中引入jwplayer.js(或min.js),然后通过JavaScript创建播放器实例,并传递配置对象。例如: ...

    jwplayer播放器的demo下载

    **JW Player 播放器 Demo 下载详解** JW Player是一款广泛应用于网页和移动设备的开源视频播放器,支持各种视频格式和流媒体协议。这个“jwplayer播放器demo”是开发者用于快速理解和集成JW Player的一个示例项目,...

    jwplayer rtmp 多路直播 demo

    通过`setup`方法配置播放器,其中包含RTMP源的URL和其他参数,例如播放列表设置,以实现多路直播。 ```html &lt;script src="path/to/jwplayer.js"&gt;&lt;/script&gt; jwplayer("container").setup({ playlist: [ { file: ...

    jwplayer+demo.rar

    8. **视频分析**:JW Player 可以收集播放数据,如观看时长、播放完成率等,为内容优化和营销策略提供数据支持。 在“jwplayer+demo”中,我们可以期待找到一个简单的HTML页面示例,展示如何集成JW Player并设置...

    flv流媒体播放设计demo

    这个SWF文件通常由开发者自定义,或者使用现成的开源播放器如JW Player或FlowPlayer。 `swfobject.js`是一个JavaScript库,主要用于在网页中嵌入SWF(ShockWave Flash)文件。它的主要功能是在浏览器中检测Flash...

    jwplayer(7.9.1内涵demo可以直接测试使用)

    JW Player是一款流行的开源视频播放器,广泛应用于网站和应用程序中,用于嵌入和播放多媒体内容。版本7.9.1是该播放器的一个特定版本,具有一定的功能和改进。在"jwplayer (7.9.1 内涵demo可以直接测试使用)"中,...

    基于http-flv格式实现监控实时播放demo

    例如,JW Player和FlowPlayer等第三方库可以提供此类功能。 - **数据接收**:客户端通过XMLHttpRequest或Fetch API发送HTTP请求,获取并解析服务器返回的FLV数据块。 - **解码渲染**:收到的数据块被解码后,逐帧...

    rtsp、rtmp拉流播放demo

    如开源项目VLC、JW Player等,或者自定义开发的播放组件。 2. 在线播放:描述中的"rtsp、rtmp播放工具"应是一个能够处理这两种协议的播放器,它可以连接到海康、大华等设备的RTSP或RTMP服务器,获取实时视频流并进行...

    jwplayer8主插件+demo+key

    总结来说,JW Player 8 是一个强大且灵活的视频播放解决方案,通过提供的主插件、示例和许可证密钥,开发者可以轻松地将其集成到项目中,为用户提供高质量的视频体验。同时,丰富的 API 和插件系统使得开发者能够...

    JwPlayer_demo.zip

    总结来说,"JwPlayer_demo.zip"包含的"testJwPlay"文件可能是JW Player的实例演示,通过这些示例,我们可以学习如何设置播放器的基本属性,使用API控制播放行为,集成广告,以及自定义播放器的外观。这将帮助我们更...

    各种视频播放源代码demo

    有些复杂的视频功能可能需要借助第三方库,如JW Player、Video.js、FlowPlayer等。这些库提供了丰富的定制选项和跨平台支持。 7. **视频安全**: 在提供视频内容时,版权保护和防盗链是需要注意的问题。可以通过...

    jwplayer 7.12 【内含demo文件】

    4. **API 控制**:JW Player提供了丰富的JavaScript API,开发者可以使用这些API来控制播放器的行为,如播放、暂停、快进、后退,甚至在视频播放过程中插入广告。 5. **事件监听**:通过监听播放器的事件,如开始...

    jwplayer_demo:jwplayer的一个小演示

    总结,"jwplayer_demo"是一个展示JW Player基本功能的实例,它涉及HTML5视频播放、JW Player的嵌入、配置以及API的使用。通过学习这个项目,开发者能够掌握如何在网页中构建一个功能齐全的视频播放器。

    red5实现的播放器可做直播

    - 初始化JW Player,设置源(source)和播放列表(playlist),源可以是RTMP流的URL。 - 添加事件监听器,如播放、暂停、错误处理等。 5. 高级功能扩展: - 录制直播:Red5支持录制功能,可以记录直播流并保存为...

Global site tag (gtag.js) - Google Analytics