jwplayer=javascript-api.zip资源-CSDN文库

共2个文件

htm：2个

4星 · 超过85%的资源需积分: 8 48 浏览量 2012-12-14 23:04:25 上传评论收藏 20KB ZIP 举报

**JW Player JavaScript API 深度解析** JW Player 是一款流行的开源视频播放器，广泛应用于网页中，提供丰富的自定义功能和优秀的跨平台兼容性。`jwplayer=javascript-api.zip` 文件包含了用于控制 JW Player 的JavaScript API 文档和可能的示例代码，这对于开发者来说是极其宝贵的资源。 **一、JW Player JavaScript API 简介** JW Player 的JavaScript API 是一个强大的工具，允许开发者通过编写JavaScript代码来控制播放器的行为，包括但不限于播放、暂停、停止、快进、快退、调整音量、切换视频源等操作。API 还支持自定义事件监听和响应，使得与网页其他元素的交互变得更加灵活。 **二、核心功能** 1. **初始化播放器**: 使用 `jwplayer()` 函数创建一个新的播放器实例，并设置其配置参数，如播放器ID、视频源、预加载设置等。 2. **控制播放**: `play()`, `pause()`, `stop()` 方法分别用于播放、暂停和停止视频。此外，`seek()` 方法用于跳转到指定的时间点。 3. **音量控制**: `mute()` 和 `unmute()` 方法用于静音和取消静音，`setVolume()` 方法可以设定音量级别。 4. **播放状态**: `getState()` 方法返回播放器当前状态，如 'idle', 'playing', 'paused' 等，这对于监听播放器状态变化非常有用。 5. **事件处理**: 可以使用 `on()` 方法注册事件监听器，例如 `on('play')`, `on('pause')` 等，以便在特定事件发生时执行回调函数。 **三、视频源管理** JW Player 支持多种视频格式和流媒体协议。通过 `setup()` 方法的 `file` 或 `sources` 参数，可以指定视频源。如果提供多个源，JW Player 将自动选择用户浏览器最支持的格式。 **四、自定义皮肤和插件** JW Player 允许通过 `skin` 参数加载自定义皮肤，从而改变播放器外观。同时，通过 `plugins` 参数，开发者可以添加第三方插件以扩展播放器功能，如广告插件、社交分享插件等。 **五、API 示例** 以下是一个简单的示例，展示如何使用API初始化并控制JW Player： ```javascript jwplayer('playerElementId').setup({ file: 'video.mp4', width: '640', height: '360' }); jwplayer().onReady(function() { this.play(); }); jwplayer().on('pause', function() { console.log('Video is paused'); }); ``` **六、API 学习与实践** `jwplayer=javascript-api` 文件可能包含详细的API文档和示例代码，建议开发者仔细阅读并尝试在实际项目中应用。通过不断实践，你可以熟练掌握JW Player的JavaScript API，实现更多个性化和高级的功能。总结，JW Player 的JavaScript API 是开发者控制视频播放体验的关键。通过深入理解和运用这些API，我们可以创建出富有交互性和创新性的视频播放解决方案。对于希望提升网页视频体验的开发者而言，学习和掌握JW Player API 是一项非常有价值的技能。

资源推荐

资源详情

资源评论

收起资源包目录

jwplayer=javascript-api.zip （2个子文件）

jwplayer=javascript-api

Using the JavaScript API.htm 32KB

JavaScript API Reference .htm 41KB

<!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" lang="en" xml:lang="en" dir="ltr"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link rel="canonical" href="http://www.longtailvideo.com/support/jw-player/28851/javascript-api-reference/" /> <meta http-equiv="x-dns-prefetch-control" content="on" /> <link rel="dns-prefetch" href="//s0-www.ltvimg.com http" /> <link rel="shortcut icon" href="/sites/all/themes/community/favicon.ico" type="image/x-icon" /> <title>JavaScript API Reference | LongTail Video | Home of the JW Player</title>  <link type="text/css" rel="stylesheet" media="all" href="http://s0-www.ltvimg.com/cdn/farfuture/USMX4auFJXHRT1p_9DGqOlLqP93i2TG3gzsEcpASAm8/mtime:1354738979/sites/default/files/css/cdn_css_http_2ead03c5292503681fb8db058894cc6b_codefilter.css" /> <link type="text/css" rel="stylesheet" media="all" href="http://s1-www.ltvimg.com/cdn/farfuture/fm_1veMGYwiQzjMAOqsxxVStn1YCosF3n-ixYw_wHB4/mtime:1354738979/sites/default/files/css/cdn_css_2ead03c5292503681fb8db058894cc6b.css" />  <script type="text/javascript" src="http://s1-www.ltvimg.com/cdn/farfuture/B5OglVVuU2KZIsauY5tce9ZLJBXx5j6qPa5V1X8SQyM/mtime:1354738979/sites/default/files/js/js_8f6737d1d382932fdb0ffdc93ff68367.js"></script> <script type="text/javascript" src="/jwplayer/jwplayer.js?1355496413"></script> <script type="text/javascript" src="/jwplayer/key.js?1355496413"></script> <script type="text/javascript"> <![CDATA[//><!]]> </script> <script type="text/javascript" src="http://www.longtailvideo.com/jw/embed/swfobject.js"></script> </head> <body> <div id="Container" class="clearfix"> <div id="Top" class="header_top_strip"> <ul class="header_tab_nav"> <li class="logo"><a href="http://www.longtailvideo.com/">LongTail Video Home</a></li> <li class="products"><a href="http://www.longtailvideo.com/">Products</a></li> <li class="support"><a href="http://www.longtailvideo.com/support/">Support</a></li> </ul> <ul class="links_left"> <li class="simple_link forums"><a href="http://www.longtailvideo.com/support/forums/">Our Forums</a></li> <li class="simple_link blog"><a href="http://www.longtailvideo.com/blog/">Our Blog</a></li> </ul> <ul class="links_right"> <li class="order"><a href="http://www.longtailvideo.com/order/" class="btn_order button orange">Order Now</a></li> <li class="simple_link login"><a href="http://www.longtailvideo.com/sign-up" rel="nofollow">Sign Up</a>   /   <a href="http://www.longtailvideo.com/sign-in" rel="nofollow">Sign In</a></li> </ul> </div> <div class="nav_bar product_site_nav"> <a href="/" class="header_logo"><img src="/sites/all/themes/ltv/images/logo.png" alt="LongTail Video" title="LongTail Video" /></a> <ul class="top_nav"> <li><a id="nav_item_jw" href="http://www.longtailvideo.com/jw-player/">JW Player</a></li> <li><a id="nav_item_botr" href="http://www.longtailvideo.com/bits-on-the-run/">Video Platform</a></li> <li><a id="nav_item_ads" href="http://www.longtailvideo.com/video-ads/">Video Ads</a></li> </ul> <form id="searchform" action="/jw/include/search_community.php" method="post"> <fieldset class="clearfix"> <input type="text" class="txtbox_search" id="searchCommunity" name="searchCommunity" value="Search Support & Forums" onfocus="if (this.value==this.defaultValue) this.value='';" onblur="if (this.value=='') this.value='Search Support & Forums';" /> <button type="submit" class="btn_search" value="Go">Go</button> </fieldset> </form> </div> <div id="Header"> <a href="/support/" class="LogoHeader"><img src="/sites/all/themes/community/images/logo_header.png" height="41" width="140" border="0" alt="LongTail Video" title="LongTail Video" /></a> <ul class="TertiaryLinks"> <li><a href="/support/forums/" class="Forums">Forums</a></li> <li><a href="/support/jw-player-setup-wizard/" class="Wizard">Wizard</a></li> <li><a href="/players/jw-flv-player/" class="Download">Download JW Player</a></li> </ul> <ul class="TopNav"> <li id="JWPlayer" class="Top Active hoverable"><a href="/support/jw-player" class="TopLevel">JW Player</a></li> <li id="Forums" class="Top hoverable"><a href="/support/forums" class="TopLevel">Forums</a></li> <li id="BitsontheRun" class="Top hoverable"><a href="/support/bits-on-the-run" class="TopLevel">Bits on the Run</a></li> <li id="Blog" class="Top hoverable"><a href="/blog" class="TopLevel">Blog</a></li> </ul> </div> <div class="SectionNavigation grid12 clearfix"> <p class="SectionProduct">JW Player</p> <div class="SearchMain clearfix"> <form action="/support/jw-player/28851/javascript-api-reference" accept-charset="UTF-8" method="post" id="search-block-form"> <div> <div class="form-item" id="edit-search-block-form-1-wrapper"> <label for="edit-search-block-form-1">Search this site: </label> <input type="text" maxlength="128" name="search_block_form" id="edit-search-block-form-1" size="15" value="" title="Enter the terms you wish to search for." class="form-text" /> </div> <input type="submit" name="op" id="edit-submit" value="Search" class="form-submit" /> <input type="hidden" name="form_build_id" id="form-187840928d00dbe0a49c945779e3d785" value="form-187840928d00dbe0a49c945779e3d785" /> <input type="hidden" name="form_id" id="edit-search-block-form" value="search_block_form" /> </div></form> </div> </div> <div class="grid12"> </div> <div class="ColumnLeft"> <div class="Sidebar clearfix">  <ul id="jw6" class="sidenav"> <li> <span>Documentation</span> <ul> <li><a href="/support/jw-player/28832/about-jw-player">About the JW Player</a></li> <li><a href="/support/jw-player/28833/quick-start-guide">Quick Start Guide</a></li> <li><a href="/support/jw-player/28834/migrating-from-jw5-to-jw6">Migrating from JW5 to JW6</a></li> <li><a href="/support/jw-player/28835/release-notes" rel="nofollow">Release Notes</a></li> <li class="closed"> <span>Media & Devices</span> <ul> <li><a href="/support/jw-player/28836/media-format-support">Media Format Support</a></li> <li><a href="/support/jw-player/28837/browser-device-support">Browser Device Support</a></li> <li><a href="/support/jw-player/28838/mp4-video-encoding">MP4 Video Encoding</a></li> <li class="closed"> <span>Examples</span> <ul> <li><a href="/support/jw-player/29234/basic-mp4-video">Basic MP4 Video</a></li> <li><a href="/support/jw-player/29235/basic-aac-audio">Basic AAC Audio</a></li> <li><a href="/support/jw-player/29236/basic-youtube-stream">Basic YouTube Stream</a></li> </ul> </li> </ul> </li> <li class="closed"> <span>Embedding</span> <ul> <li><a href="/support/jw-player/28839/embedding-the-player">Embedding the Player</a></li> <li><a href="/support/jw-player/28840/troubleshooting-your-setup">Troubleshooting Your Setup</a></li> <li><a href="/support/jw-player/28841/branding-your-player">Branding Your Player</a></li> <li><a href="/support/jw-player/29912/wordpress-support">WordPress Support</a></li>

评论收藏

内容反馈