转：7款Flash和Javascript网页视频播放器

最新推荐文章于 2022-03-11 16:00:48 发布
最新推荐文章于 2022-03-11 16:00:48 发布
阅读量65 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/cn2758/archive/2013/04/01/2993936.html
本文介绍了六款优秀的网页视频播放器，包括Videobox、Panda、OpenVideoPlayer等。这些播放器支持多种格式，具备全屏播放、预加载等功能，并且部分播放器还支持REST API，便于集成。

款Flash和javascript网页视频播放器。梦想中的视频播放器是这样的: 支持所有格式，兼容所有主流视频网站，支持播放列表、视频缩略图、全屏播放、画面调节、预加载、体积贼小，功能贼多……. 也许你的要求并没有这么高，找找下面有没有你满意的！

1. Videobox

Videobox - Javascript网页视频播放器

Videobox是一个只有6k大小的脚本,用于在页面中显示视频。Videobox使用swfobject来嵌入Flash。视频可以来自Youtube、Metacafe、Google Video、iFilm和自己设置的Flash。

2. Panda

Panda - Javascript网页视频播放器

Panda是一个开源的视频平台，能够处理视频的uploading、encoding与streaming。所有处理过程都通过REST API完成。Panda设计运行在云计算平台中，利用Amazon的Web服务群来实现。因此你需要有Amazon Web Services账号。Panda使用SimpleDB来存储所有视频数据和账号。Panda支持Flash的FLV、h264格式和iphone格式等。Panda使用

3. OpenVideoPlayer

OpenVideoPlayer - Javascript网页视频播放器

采用Adobe Flash与Microsoft Silverlight开发的开源Web视频播放器。

4. Xe-VideoGalV3 FX

Xe-VideoGalV3 FX - Javascript网页视频播放器

Xe-VideoGalV3 FX是一个开源的Flash视频播放器。该播放器能够展示多部电影中某一画面的缩略图，供用户选择播放。支持在视频上添加一个透明的消息提示框。下载FLV文件。调整播放器屏幕大小等。

5. ToobPlayer

ToobPlayer - Javascript网页视频播放器

ToobPlayer是一个轻量级（大约14-8KB）FLV播放器组件。支持图像预览，播放窗口大小调整，全屏播放模式，加载状态条提醒，支持鼠标滚轮播放进度/播放声音高低，自动重播，时间缓冲。

6. FlowPlayer

FlowPlayer - Javascript网页视频播放器

FlowPlayer是一个开源的Flash视频播放器。提供所有你可能需要的功能并且这些功能都可以通过JavaScript按你的实际需求进行配置。提供良好的用户体验，支持预加载，长时间播放，播放列表，全屏播放模式等。

7. JCPlayer (演示地址)

JCPlayer - Javascript网页视频播放器

JCPlayer是一个免费的Flash视频文件播放器。该播放器支持全屏播放，并且所有功能都完全可自定义包括默认可用的皮肤。

转载于:https://www.cnblogs.com/cn2758/archive/2013/04/01/2993936.html

网页万能视频播放器
12-15
注意使用http开头地址打开才有效，可以在vs中打开，支持的格式有：swf|.wmv|.asf|.wma|.mp3|.asx|.mid|.midi|.rm|.ra|.rmvb|.mp4|.mov|.avi|.wav|.ram|.mpg|.mpeg|flv
js视频播放器
08-13
javascript 视频播放器，有需要的朋友可以试试！
JS视频播放
07-19
JS视频播放插件源码，导入jsModern插件，写一个video样式即可用，代码简单易读
Flash和Javascript网页视频播放器
passport_daizi的博客
02-18 1330
7款Flash和Javascript网页视频播放器（转载）   2011-01-22 20:26:27|  分类： 英语学习|字号 订阅 我用有道阅读看到这篇好文，希望和大家分享。我的看法是： 以下原文转载自BlogJava-所有随笔区 款Flash和javascript网页视频播放器。梦想中的视频播放器是这样的: 支持所有格式，兼容所有主流视频网站，支
网页 视频 播放器
holoblog
11-06 165
<%@ page language="java" pageEncoding="UTF-8"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <HTML> <HEAD> <TITLE> New Document &
jlplayer:一个简单HTML5视频播放器和自定义Javascript
05-05
在当前数字媒体盛行的时代，HTML5视频播放器已经成为网页内容呈现的重要组成部分，它使得开发者无需依赖Flash等插件就能提供多媒体体验。`jlplayer`正是为满足这一需求而诞生的，它提供了基本的播放、暂停、音量控制...
精选18款flash与HTML5网页视频播放器实例分享
标题：“flash/html5 网页视频播放器-共18款”所涉及的知识点： 1. 网页视频播放器的发展历程：网页视频播放器从早期的Flash技术到现在的HTML5技术，反映了互联网技术的进步和用户需求的变化。Flash曾经是网页视频...
HTML5的网页视频播放器源代码
03-18
video.js是一个JavaScript和CSS库...这也被称为HTML5视频播放器。video.js提供了一个通用控件内置的HTML / CSS的皮肤，修复跨浏览器的不一致，增加了附加功能，如全屏和字幕，管理退回到Flash或其他播放技术，不支持HT
万能网页视频播放器源码
12-30
总的来说，“万能网页视频播放器源码”是一个集成了多种视频格式播放能力的解决方案，它涉及到HTML5、JavaScript、Flash等技术，同时也关注了浏览器兼容性和视频流处理。通过学习和研究这样的源码，开发者可以提升...
JCFlvPlayer1.0：跨域可调用的FLASH网页视频播放器
加之CSS3用于视觉效果和动画，JavaScript用于控制逻辑，HTML5已经成为制作现代网页视频播放器的首选技术。 ### 总结 JCFlvPlayer1.0作为一个Flash网页播放器源码，提供了丰富而实用的功能，为开发者在特定场景下...
video-js(视频播放器插件)
10-31
video-js(视频播放器插件)，很好的视频播放器插件，兼容性好，集成简单。
网页视频播放器-web播放器
10-22
网页视频播放器,播放flv、swf……等格式视频文件，实现全屏、进度条拉动、音量调节功能！
网页视频播放器(HTML5实现跨平台)
02-10
本示例演示效果参见：http://www.52player.com/Demos/CuSunPlayerIPAD/ 跟这个实例是一模一样的，大家下载前可以看此实例，如果符合你要求，就可以考虑下载。提示：本示例可以在PC端,苹果端，安卓端打开播放，因为是跨平台的。 最大特点：可以同一个页在PC端,苹果端，安卓端都可以打开，功能是不错的。 ● HLS.html 该文件是http协议和rtmp协议混合的“直播”跨平台示例； ● IPadV3.html 该文件是http协议的“点播”跨平台适配示例； ● IPadV51.html 该文件是http协议和rtmp协议混合的“点播”跨平台示例； ● IPadV52.html 该文件是http协议和rtmp协议混合的“直播”跨平台示例；
javascript 视频播放
12-06
一个简单易懂的js视频播放demo页面.
web 视频播放器 js
03-08
autoscroll(true,false):当播放列表过长的时候，默认会自动显示滚动条。当该值设置为’true’的时候，会自动根据鼠标滚动播放列表。 displaywidth(number of pixes):设置显示区域的宽度，当设置的比较小的时候，播放列表会显示在显示区域的右侧而不是底部。 kenburns* (true,false): 用以实现在运动的时候实现kb效果（Ken Burns effect），注意，当图比较大，而且网速比较快的时候，建议打开，否则关闭。建议设置transition为"slowfade"来配合。 largecontrols (true,false): 设置该值为true用来放大控制区域的按钮。建议为视力不好的用户打开 logo* (url): 设置一个图片用来作为右上角的水印，支持所有图片格式，支持通明图层的png效果最佳。 overstretch* (true,false,fit,none): 设置图片/影片在显示区域的缩放。"true"等比例拉伸用来符合显示区域。"false"仅拉伸合显示区域。"fit"全屏显示。"none"显示原始大小。JW Media Player等默认为"fit",JW Image Rotator默认为"false" showdigits (true,false,total): 设置为"false"隐藏播放时间等信息用来节省控制区域的空间。设置为"total"用来显示全部时间。 showdownload (true,false):设置该值用来在控制区域显示下载按钮。链接到link所设置的地址。 showeq (true,false): 用来显示一个假的音频波动效果。当播放mp3的时候打设置该值可以得到很好的效果 showicons* (true,false): 用来显示或者隐藏显示区域中间的图片，JW Media Player等默认为true。JW Image Rotator默认为false； showvolume (true,false): 用来设置是否显示音量控制按钮 thumbsinplaylist (true,false): 设置列表中是否显示预览图 播放参数 autostart (true,false,muted): 设置为ture，页面加载完后会自动播放。设置为muted，会在静音模式下自动播放，并且显示区域中间有静音图标。bufferlength (number): 设置flv的缓存时间。默认为3秒 repeat* (true,false,list): 默认为flase，从当前播放位置播放到列表尾部后停止。设置为list会播放列表中所有的项目，设置为true会循环播放。 rotatetime* (number): 设置图片的显示时间。JW Media Player等默认为10秒,JW Image Rotator默认为5秒 shuffle* (true,false): 设置为false顺序播放，设置为true无序播 smoothing (true,false): 设置为false关闭视频平滑处理，推荐设置true用以得到更好效果。但对于大屏幕或者配置低的机器设置false是有好处的 start* (second): 在使用RTMP 或 HTTP 流媒体的时候（非常规的flv/mp3)，使用该变量准确的定位开始位置。该参数设置在XSPE格式的列表中以便准且的设置文件的章节。 volume* (number): 设置音量，默认为80. 互动参数 audio* (url):用这个参数来添加一个mp3文件作为单独的音频，可以作为图片的背景音乐解说等。 bwfile (url):用以带宽检测的文件的地址，可以放一个图片，或者rtmp流媒体。可以在右键菜单中查看到贷款数值。 bwstreams (comma-separated list of bitrates): 和bwfile配合使用，根据带宽值来选择不同的文件。如：你要播放video.flv并且设置该项的值为100,250,500,1000,当播放器发现带宽为349kbps的时候，将会播放video_250.flv。所以他有一套有效的命名设置，他将会自动切换，哪怕是在采用播放列表的情况下。 callback (url):设置这个参数为服务端程序（php/asp)地址用来回传数据。在每个项播放和停止的时候会发送数据到服务器，以便在服务器端保存播放统计。 captions (url): 设置该值用以载入一个文本格式的文本作为字幕。播放器至支持SMIL格式和DVD的SRT格式的字幕。如果你的flv文件内置字体你可以设置该值为"captionate".如果你有多频道字幕，可以设置这个值为"captionate0", "captionate3"等。可以在列表中设置每一个项的值。 enablejs* (true,false): 设置为true打开对javascript的支持。仅支持在线使用。javascript可以控制播放，加载媒体，获得当前播放项的详尽信息。 fsbuttonlink (url):如果用户的flashplayer版本高于（9.0.28）播放器会自动的显示一个全屏按钮。通过设置该值，你可以链接到另外的页面用以全屏显示。服务端程可以设定将要播放的文件。 id (string): 播放器的唯一标识。将会被回传到服务器端。 javascriptid* (string):如果你的页面上有多个播放器，你可以设置这个参数给每个播放器不同的id，这样就可以方便的用javascript来控制。他将回传到getUpdate（）事件中。 link (url): 通过这个参数用来设置一个可现在的版本，或者强制用户通过该地址下载当前项。可以在播放列表中为每一项设置该值。 linkfromdisplay* (true,false):设置显示区域被点击时要访问的页面。默认点击显示区域时会进行播放/暂停操作。 linktarget* (frame): 设置链接目标，"_self"在当前页打开。"_blank"在新页面中打开。 streamscript (url):设置这个参数为了兼容‘伪流媒体’FLV文件。 type (mp3,flv,rtmp,jpg,png,gif,swf,rbs,3gp,mp4,m4v): 播放器会根据文件名的最后三个字符来判断类型。在你使用服务器端语言进行重定向时，这种方法将不会再有效。所以你可以设置这个参数来告诉播放器文件类型。你也可以在播放列表中对每一项进行设置。如果播放器找不到文件类型将会被识别为播放列表。 useaudio (true,false): 设置为false用来改变为静音状态。 usecaptions (true,false):设置为false隐藏字幕. usefullscreen (true,false):如果你不希望用flashplayer9的全屏模式。可以设置"fsbuttonlink"参数用来替换全屏按钮的事件。 usekeys (true,false): 设置为"false"用来取消键盘操作(SPACE,UP,DOWN,LEFT,RIGHT) 注意：你必须对?=&进行字符转移。? → %3F, = → %3D, & → %26. 你的"file" 变量为getplaylist.php?id=123的时候必须设置为 getplaylist.php%3Fid%3D123.
【分享】分享一款不错的网页视频播放器
dengrongshou5105的博客
09-08 430
作为一名前端开发，在做页面时会碰到视频展示，一般都是用 flash 加载视频源文件，可惜功能太少，而且支持的视频格式有限。下面给大家分享一款不错的视频播放器——ckplayer（超酷网页视频播放器）。 ckplayer（超酷网页视频播放器）支持 http 协议下的 flv，f4v，mp4，支持 rtmp 视频流和 rtmp 视频回放，支持 m3u8 格式，是你做视频直播，视频点播的理想...
网页视频播放器
一名高级工程师的博客
03-11 2261
​发现一款好用的网页视频播放器，可以播放mp4、hls、flv、rtmp等格式网络视频流，嵌入到网页试了一下感觉还不错，也可以在网页上直接测试视频流。页面地址：​​网页播放器​​可以直接在页面上测试直播视频或点播视频流：集成代码也很简洁：<!-- 播放区域，通过调整样式设置合适的大小和位置 --><di...
JavaScript实现视频播放器
热门推荐
小白小白从不日别的博客
11-09 1万+
最终效果： 思路/步骤： 拿到需要操作的元素 通过事件监听视频是否加载完毕 隐藏加载的动画 显示视频 获取视频的总时长 格式化获取到的时间 监听播放按钮的点击 判断当前是否处于播放/暂停状态 切换对应的图标 监听视频播放的进度 同步文本时间 同步进度条 监听进度条的点击事件 获取鼠标当前点击的位置 监听视频是否已经播放完毕 恢复播放时间 恢复图标 恢复时间 恢复进度条 恢复标记 监听全屏按钮的点击 源码： * { margin: 0; p.
网页上的视频播放器
柠檬人的博客
05-03 693
效果如图: 代码详情如下： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <titl...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值