掌握JavaScript控制Flash播放器的关键操作

本文主要介绍了如何通过JavaScript (JS) 控制Flash播放器的功能，特别是针对JWPlayer这一流行的HTML5和Flash混合播放器。以下是文章中详细阐述的关键知识点： 1. **页面嵌入代码**： 文章首先展示了如何将JWPlayer嵌入到HTML页面中。通过在HTML中创建一个`<div>`元素，ID为"jiuye_player"，并引用外部的`player.js`脚本，以及调用`jwplayer()`函数进行初始化。配置参数包括播放器的SWF地址（`flashplayer:"player.swf"`）、宽度和高度、视频ID（`vid:100`）以及播放器类型（`vtype:'training-lesson'`）。 2. **基础播放控制**： - **play()** 方法：允许控制播放与暂停，通过设置`Obj.play(state)`，其中`state`参数可以是布尔值，true表示播放，false表示暂停。 - **pause()** 方法：用于暂停播放，同样通过布尔值控制，true表示暂停，false恢复播放。 - **stop()** 方法：用于完全停止播放，并卸载当前播放的媒体文件，清空播放队列。 3. **事件监听**： - `onPlay(callback)`：当播放器开始播放时触发，可以注册自定义回调函数处理播放开始事件。 - `onPause(callback)`：播放器暂停时触发，同样可配置回调函数处理暂停操作。 - `onComplete(callback)`：当播放完成时执行回调，适用于了解播放结束状态。 - `onTime(callback)`：播放过程中，每当播放时间变化时，会触发此事件，回调函数提供当前播放时间。 - `onVolume(callback)`：播放进度事件，当音量改变时，回调函数返回0-100的音量百分比。 4. **交互示例**： 提供了HTML片段，如`<li>`元素，通过点击按钮，可以直接调用相应的播放器方法，如`<lionclick='jwplayer().play()'>`来启动或暂停播放。 这篇文章深入浅出地讲解了如何使用JavaScript对JWPlayer进行基本控制，包括播放、暂停、停止以及监听关键播放事件，有助于开发人员更好地集成和管理Flash播放器在网页中的行为。