http://flowplayer.org/index.html
1:在网页中需要引入flashembed.min.js这个文件
2:声明一个带id的div
3: 添加js代码
window.onload = function() {
/*
use flashembed to place flowplayer into HTML element
whose id is "example" (below this script tag)
*/
flashembed("example",
/*
first argument supplies standard Flash parameters. See full list:
http://kb.adobe.com/selfservice/viewContent.do?externalId=tn_12701
*/
{
src:'$ServerURL/FlowPlayerDark.swf',
width: 468,
height: 350
},
/*
second argument is Flowplayer specific configuration. See full list:
http://flowplayer.org/player/configuration.html
*/
{config: {
videoFile: '$ServerURL/$name.flv'
}}
);
}
<div id="example"></div>
注意flv跟swf格式的播放器要放在同一个域名里,跨域有security问题,请求不到flv文件
分享到:
相关推荐
在"使用flowplayer播放视频录像"这个主题中,我们将探讨如何利用Flowplayer实现视频录像的播放功能。首先,我们需要了解Flowplayer的基本结构和配置选项。Flowplayer的核心是HTML5 `<video>` 元素,通过JavaScript ...
"Flowplayer Flash源码"指的是该播放器的原始版本,使用Adobe Flash技术实现,允许开发者深入定制和扩展播放器功能。在这个压缩包中,"codesc.net"可能是包含源代码和其他相关文件的目录名。 Flash源码是编程人员...
Flowplayer是一款广泛使用的开源JavaScript视频播放器,它允许开发者在网页上轻松集成视频播放功能。这个压缩包可能包含了Flowplayer的源代码、配置文件、示例或者相关文档,便于我们了解和定制播放器。 Flowplayer...
此外,Flowplayer也提供了HTML5版本,使用`<video>`标签来播放视频,从而适应了技术的发展趋势。 关于压缩包中的"jb51.net"文件,这可能是Flowplayer的示例代码、文档或者资源文件,通常包含了一些实例来帮助开发者...
4. **HTML5优先**:Flowplayer优先使用HTML5 `<video>`元素进行视频播放,如果浏览器不支持,会自动切换到Flash模式,确保跨平台兼容性。 5. **广告集成**:Flowplayer支持插入各种类型的视频广告,如预加载广告、...
例如,若需使用播放列表插件,首先引入插件库,然后在配置中启用: ```javascript flowplayer(document.getElementById('player'), { playlist: [ { src: 'video1.mp4', title: '视频1' }, { src: 'video2.mp4',...
2. **FLV格式**:FLV(Flash Video)是Adobe Systems用于网络流媒体的一种文件格式。由于其在Flash Player中的良好支持,FLV曾广泛应用于在线视频内容的发布。然而,随着HTML5的发展,FLV的使用逐渐减少,但仍有部分...
在HTML5环境下,Flowplayer会优先使用HTML5 `<video>` 元素,如果浏览器不支持,则自动回退到Flash播放器。 2. **安装与引入**: 在网页中使用Flowplayer,首先需要在HTML文件中引入Flowplayer的JavaScript库和CSS...
Flowplayer提供了丰富的插件系统,可以通过添加额外的JavaScript或Flash模块来扩展播放器的功能,如广告插入、水印、多语言支持、分屏播放等。 9. **Flowplayer官网** 对于更详细的文档、示例和最新更新,开发者...
下面我们将深入探讨如何使用Flowplayer播放RTMP格式的视频以及这个"rtmp_sample_player_flowplayer.zip"压缩包的内容。 首先,RTMP协议由Adobe Systems开发,主要适用于Flash Player和HTML5中不直接支持的实时流...
然而,对于不支持`<video>`标签的浏览器(例如,IE8),我们需要引入第三方插件或者JavaScript库,如Video.js、FlowPlayer或JW Player。这些插件不仅提供了更好的用户界面,还具有自适应流媒体、广告插入、字幕支持...
FlowPlayer是一个用Flash开发的在Web上的网页flash播放器代码,你可以很容易地将它集成在任何的网页上使用。FlowPlayer提供了良好的用户体验,支持预加载,多次播放,播放列表,全屏播放模式等,还能支持HTTP以及流...
Flowplayer是一款开源的Flash视频播放器,广泛应用于网站上,为用户提供流畅的视频播放体验。在3.2.12这个版本中,我们探讨的是如何有效地利用Flowplayer进行视频集成和自定义设置。 Flowplayer的核心功能包括: 1...
Flowplayer能够自动检测用户浏览器的特性,选择使用HTML5视频标签或Flash插件来播放视频。HTML5模式下,Flowplayer支持MP4、WebM和Ogg等常见视频格式。在Flash模式下,Flowplayer可以处理FLV和MP4等格式,确保在旧...
Flowplayer则是一款流行的HTML5和Flash视频播放器,用于在网页上无缝播放视频内容。在“red5+flowplayer”的组合中,Red5作为后端流媒体服务器,而Flowplayer作为前端的视频播放界面,两者协同工作,为用户提供流畅...
最新版本为5.1.1,最新版本使用纯 HTML5 + CSS3 实现的原生 VIDEO 标签,自动降级为 Flash 播放器,专门为现今的浏览器设计,旨在提供良好的性能和用户体验。 最新版本大D在使用中遇到的问题比较多,于是转为使用...
1. **Flash技术**:FlowPlayer是使用Flash技术构建的,这在过去的几年中是网络视频播放的标准。Flash允许在浏览器中播放流媒体内容,支持多种视频格式,如FLV、F4V等。然而,随着HTML5的普及和移动设备对Flash的支持...
Flowplayer是一款广受欢迎的开源Flash视频播放器,尤其擅长处理FLV和RTMP格式的流媒体内容。在本文中,我们将深入探讨...通过掌握Flowplayer的使用,开发者可以创建出符合自己品牌和用户体验的高质量视频播放解决方案。
Flowplayer是一款基于Flash技术的视频播放解决方案,它提供了丰富的功能和良好的用户体验。在Flash盛行的时代,它是许多网站首选的视频播放工具,尤其适用于那些希望在网页上提供高清视频流的开发者。尽管现在HTML5...
1. **支持格式**:Flowplayer支持多种视频格式,包括FLV(Flash Video)和SWF(Shockwave Flash),这些格式在早期网络视频中非常常见。随着HTML5技术的发展,Flowplayer也支持MP4、WebM和Ogg等HTML5视频格式,使得...