一. 功能

需要播放的视频格式:
avi,mp4,3gp,FLV,f4v

考虑用 flash
播 mp4, 3gp, avi

用html5 
flv f4v

二. 播放情况

avi的播放问题:
IE: 使用embed元素,Windows系统自带有Windows Media Player,直接可播放;
Chrome: 使用embed元素,需要安装名为 Windows Media Player HTML5 Extension for Chrome,

用网页打开比较大的视频文件有时慢,有时接近一分钟;

浏览器类别与播放插件
浏览器             视频类别            插件
IE                 MP4                 不需
IE                 AVI                 不需
IE                 SWF                 Flash插件
IE                 3GP                 不需
火狐               MP4                 不需
火狐               AVI                 需要
火狐               SWF                 需要
火狐               3GP                 需要

运行时动态调整大小:
IE支持,火狐不支持;

flvplayer.swf
可以播放:flv, mp4,3gp,不能播avi;

IE9 不支持htmt5的video标签;支持html5的embed标签;

AVI格式,IE直接可播,需要装有Windows Media Player;安装Windows时都会装上Windows Media Player;

三 资料

1 文件格式相关
    不建议在html中插入avi这类视频,因为会涉及到不同的浏览器、解码器的问题,而且avi本身也不适合用作网络播放。如果要在网页上加视频,常用方法是将文件先转换为flv,然后用网页版的flv播放器,通过js以及flash就可以播放它(基本上所有电脑都是装有flash插件的)。
    FLV和SWF
    FVL是流媒体,SWF不是流媒体。流媒体,简而言之就是可以在网络上边缓冲边播放的媒体文件。两者都可以由Flash来创建,但前者只属于一般的VIDEO。后者可以置入AS程序代码,可以让用户进行互动,比如Flash小游戏,就是SWF格式的。FLV多用于网络视频。

http://www.jb51.net/article/22916.htm
html中嵌入flv格式文件的代码

2 设置IIS 支持 flv的MIME类型的方法

优酷FLV播放器(Flv,F4v 播放器)介绍 
这是一个从爱酷播放器抽取出来的Flv,F4v 播放器,非常小巧,适合播放本地的视频。

在线播放flv服务器设置
1、对于FLV类型:
打开Internet Information Services Manager(IIS),选择“本地计算机”-->用户站点-->打开“属性”-->“HTTP头”-->“MIME类型”- ->“新建”。扩展名=“.flv”MIME类型=“flv-application/octet-stream”,保存退出即可。

2、对于RMVB类型:
打开Internet Information Services Manager(IIS),选择“本地计算机”-->用户站点-->打开“属性”-->“HTTP头”-->“MIME类型”- ->“新建”。扩展名=“.rmvb”MIME类型=“application”,保存退出即可。

四 播放代码的几种情况

1 使用video标签,IE9不支持,火狐支持;
2 使用embed标签;
3 使用object标签,需设置各项参数;
4 使用object标签,并嵌入swf播放器;
5 使用第三方swf播放器;该类播放器带有js库,需调用其js库;

第五种形式可播avi,mp4,3gp,FLV;f4v格式的,由flv转来的可播,自己录制的不能播;

网页视频播放开发总结相关推荐

  1. 【分享】分享一款不错的网页视频播放器

    作为一名前端开发,在做页面时会碰到视频展示,一般都是用 flash 加载视频源文件,可惜功能太少,而且支持的视频格式有限.下面给大家分享一款不错的视频播放器--ckplayer(超酷网页视频播放器). ...

  2. 7款Flash和Javascript网页视频播放器

    Flash和javascript网页视频播放器.梦想中的视频播放器是这样的: 支持所有格式,兼容所有主流视频网站,支持播放列表.视频缩略图.全屏播放.画面调节.预加载.体积贼小,功能贼多--. 也许你 ...

  3. 网页视频播放的去Flash方案

    Flash的衰落 在过去的10多年时间里(从2004年到2018年),网页视频播放一直是Flash技术的天下,我们所熟悉的众多视频网站和新闻门户网站一直都在使用Flash技术来播放网页视频.这里的主要 ...

  4. Flash和Javascript网页视频播放器

    7款Flash和Javascript网页视频播放器(转载) 2011-01-22 20:26:27|  分类: 英语学习|字号 订阅 我用有道阅读看到这篇好文,希望和大家分享.我的看法是: 以下原文转 ...

  5. 走在网页游戏开发的路上(六)

    Flash动画原理 --动画是将静止的画面变为动态的艺术.实现由静止到动态,主要是靠人眼的视觉残留效应.利用人的这种视觉生理特性可制作出具有高度想象力和表现力的动画影片. 0.  前言 像所有的动画显 ...

  6. python模拟点击网页按钮_网页自动化开发(第一章)

    Web网页可以用许多工具进行开发,本文重点是介绍如何在python中使用Selenium实现网页自动化开发,主要先介绍Selenium的概念,开发环境搭建,selenium模拟用户打开浏览器并实现自动 ...

  7. 走在网页游戏开发的路上(十)

    页游资源管理 现在页游的规模越来越来大,游戏内容丰富,资源管理变得很重要.现在一款SNS页游的所有资源可达50M,MMO页游更高达几百M,不可能把资源放到一个文件里面.也不可能一次性加载完所有资源.按 ...

  8. Silverlight MMORPG网页游戏开发课程(Game Lesson):目录

    [感谢 银光中国 提供本课程所有源码资源分流] 一次全新的开始,一次全新的构建与诠释.渴望在时空长廊中寻觅传说中光的起源,我决定用这部课程编写一首血脉喷张之进行曲.一年前,我一个人在战斗,前行,引导我 ...

  9. 微信网页开发教程 php,PHP实现微信网页授权开发教程,php授权教程_PHP教程

    PHP实现微信网页授权开发教程,php授权教程 微信网页授权是服务号才有的高级功能,开发者可以通过授权后获取用户的基本信息:在此之前,想要获取消息信息只能在用户和公众号交互时根据openid获取用户信 ...

最新文章

  1. 排序---初级排序算法(选择排序、插入排序和希尔排序)
  2. android开发出现No Launcher activity found!解决方案
  3. 阅读笔记:Solving the “false positives” problem in fraud prediction
  4. 每日一皮:程序员穿着图解析
  5. python爬虫框架排行榜-8个最高效的Python爬虫框架,你用过几个?
  6. 高斯噪声、高斯白噪声解析
  7. 1---结构体中最后一个成员为[0]长度数组的用法
  8. windows系统登陆就注销如何解决,系统登陆就注销的解决办法
  9. kafka消息消费原理演示
  10. 今天看明白了,为什么有些属性会这样写了:public string status{get;set;}
  11. element-UI 弹出组件dialog的遮罩层在弹出层的上面 - 解决篇
  12. JDK中ThreadDump诊断Java代码中的线程死锁问题
  13. Windows系统安装运行库
  14. 网络编程——UDP编程
  15. biopython安装_python下如何安装biopython
  16. 单细胞分析实录(18): 基于CellPhoneDB的细胞通讯分析及可视化 (上篇)
  17. 前端找实习岗的7条建议
  18. idea取消英语拼音提示绿色波浪线
  19. GloballyDynamic:具有统一客户端API的多平台动态交付
  20. 图片文件太大?缩小图片文件的2个小技巧

热门文章

  1. 优化嵌套查询 || 优化OR条件
  2. 软件设计原则——开闭原则
  3. 用g.raphael.js高速绘制饼图、柱状图、点状图、折线图(上)
  4. 通过GPG非对称加密工具验证ECharts发布版本实例演示,win10下Gnu Privacy Guard工具的安装和使用方法
  5. Python 技术篇-百度语音API鉴权认证获取Access Token实例演示
  6. sdut-1158 C语言实验——两个数最大
  7. 基于adaboost的人脸检测方法
  8. 【r语言】如何将直方图和一条曲线画在一起(叠在一张图上)
  9. Sympy含pi等表达式转浮点数形式
  10. html中亮度怎么写,html – 使用CSS更改背景的亮度