如何配置apache支持html5的视频格式

html-css022

如何配置apache支持html5的视频格式,第1张

1.服务器环境:

OS:centos 5.7

httpd: Apache/2.2.3

2.代码展示

客户上传了一个调用html5的视频页面。代码如下:

<!DOCTYPE html>

<html>

<head>

<title>Video.js | HTML5 Video Player</title>

/* 将URL更改为将承载Video.js文件的位置*/

<link href="video-js.css" rel="stylesheet" type="text/css">

/* video.js必须位于<head>中才能使旧版IE工作。*/

<script src="video.js"></script>

/*除非使用CDN托管版本,否则请更新Flash SWF的URL */

<script>

_V_.options.flash.swf = "video-js.swf"

</script>

</head>

<body>

<video id="example_video_1" class="video-js vjs-default-skin" controls preload="none" width="640" height="264"

poster="http://video-js.zencoder.com/oceans-clip.png"

data-setup="{}">

<source src="test01.webm" type='video/webm' />

<source src="test01.mp4" type='video/mp4' />

<source src="http://video-js.zencoder.com/oceans-clip.ogv" type='video/ogg' />

<track kind="captions" src="captions.vtt" srclang="en" label="English" />

</video>

</body>

</html>

3.在<head></head>中添加注释,用/* */,用这个注释 <---->,有时候会导致布局乱。

随着这两年HTML5火爆程度,争相讨论HTML的人也是越来越多。讨论的问题也主要围绕着:“如何区分HTML5开发和前端开发?学习HTML5需要掌握的专业技术有哪些?”今天,java课程http://www.kmbdqn.com/就和大家聊聊!

HTML5,超文本标记语言HTML新标准,主要用于前端开发及游戏制作。从技术本身分析来看,现在完成一些页面制作、WebAPP、微网站开发以及网页游戏等,现在都是使用HTML5标准完成的。虽然开发这类的应用其实是以JS为主,但因为HTML5这个概念很流行,所以微网站开发、小游戏开发、WebAPP或是公众号等应用,很多人都会说使用HTML5开发。

前端开发

前端开发一般指网页开发,学好CSS是网页外观的重要一点,CSS可以帮助把网页外观做得更加美观。学习JavaScript的基本语法,以及如何使用JavaScript编程将会提高开发人员的个人技能。了解Unix和Linux的基本知识虽然这两点很基础,但是开发人员了解Unix和Linux的基本知识是有益无害的。了解Web服务器当你对Apache的基本配置,htaccess配置技巧有一些掌握的话,将来必定受益,而且这方面的知识学起来也相对容易。学习Java、DOM、BOM等用建立开发基础。学习photoshop和Axure等软件应用,完成页面UI设计。也要认识一下NodeJS和PHP加上数据库等这样的后端语言,方便前后端开发配合学习HTML5、CSS3、响应式页面布局、微网站制作等开发移动互联网的应用。像Ajax、JQuery、jQueryMobile、Bootstrap、AngularJS等更是前端开发必学的高级技术。

前端包含HTML5

当然,HTML5其实只是前端开发中重要的一部分技术,是现在前端开发的标准组件,特别是在移动端的特效开发、游戏开发,以及APP的开发方向上非常流行。如果把前端开发比作要建设的一座“大厦”,HTML5就相当于“钢筋水泥”。现在好多人都说开发“XX功能”使用“HTML5”技术,其实理解的有一些问题,他们所说的HTML5其实说的就是前端技术,只不过HTML5这个词比较活跃也比较流行,所以多数人都将前端技术叫成了HTML5了。

那么想要学好html5前端开发,那么需要掌握的专业技术有:

1、前端页面重构:PC端网站布局、HTML5+CSS3基础项目、WebAPP页面布局;

2、JavaScript高级程序设计:原生JavaScript交互功能开发、面向对象开发与ES5/ES6、JavaScript工具库自主研发;

3、PC端全栈项目开发:jQuery经典特效交互开发、HTTP协议,Ajxa进阶与后端开发、前端工程化与模块化应用、PC端网站开发、PC端管理信息系统前端开发;

4、移动端webAPP开发:Touch端项目、微信场景项目、应用Vue.js开发WebApp项目、应用Ionic开发WebApp项目、应用React.js开发WebApp;

5、混合(Hybrid)开发:各类混合应用开发;

6、NodeJS全栈开发:WebApp后端系统开发;

7、大数据可视化:数据可视化入门、D3.jS详解及项目实战。