html5 视频播放器，带有播放列表的怎么做？

需要用js去控制

公司主营业务：网站设计、网站制作、移动网站开发等业务。帮助企业客户真正实现互联网宣传，提高企业的竞争能力。创新互联是一支青春激扬、勤奋敬业、活力青春激扬、勤奋敬业、活力澎湃、和谐高效的团队。公司秉承以“开放、自由、严谨、自律”为核心的企业文化，感谢他们对我们的高要求，感谢他们从不同领域给我们带来的挑战，让我们激情的团队有机会用头脑与智慧不断的给客户带来惊喜。创新互联推出夏河免费做网站回馈大家。

先把列表用html生成出来，再用脚本去控制点击列表的时候播放

可以参考

html5视频播放器

首先swf就是flash的视频格式。而且flash虽然不说是一统天下，但是现在HTML5的video视频播放器刚开始起步，根本不可能替代flash，所以就算你用了HTML5的video来做网页，也必须加上Flash做后备，用HTML5video的作用在于：现在先写好标签，等过N年之后，video越来越强大，到时候你就不用再重新写代码了。但谁都不知道那个“N年”到底是多久。

其次，HTML5支持的视频格式非常有限，目前一般有：

H.264

Ogg Vorbis

WebM

而且各个浏览器分别支持不同格式，除了Chrome，好像没有浏览器能完全支持以上三种HTML5视频格式。你如果仅仅使用HTML5video来做网页，估计你的视频网站客户很快就跑光了，因为他们绝大部分没法看你的视频。

求采纳为满意回答。

怎样实现 html5 多个视频在同一个标签上播放？

new个video，指定播放列表的第一个视频路径为src。监听end事件，回调里面把video的src改成列表的下一个，再play

代码示例：

var vList = ['视频地址url1', 'url2', '...']; // 初始化播放列表

var vLen = vList.length; // 播放列表的长度

var curr = 0; // 当前播放的视频

var video = new Video();

video.addEventListener('end', play);

play();

function play(e) {

video.src = vList[curr];

video.load(); // 如果短的话，可以加载完成之后再播放，监听 canplaythrough 事件即可

video.play();

curr++;

if (curr = vLen) curr = 0; // 播放完了，重新播放

}

可以实现html5 播放多个视频。一个接一个的播放

html5 怎么点一个按钮,播放一个相应的视频

【方法步骤】：

首先下载video.js，百度一下就能找到；

这个是下载后的目录；

先把要用到的js\css\swf都加载到html页面上。如：

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

script src="video-js/video.js"/script

script

videojs.options.flash.swf = "video-js/video-js.swf";

/script

加入下面的代码：

video id="my_video_1" class="video-js vjs-default-skin" controls    preload="auto"width="640"height="480"poster="video-js/my_video_poster.png"    data-setup="{}"        source src="Wildlife.mp4" type='video/mp4'      /video

只要记住：修改width="640" height="480"来改变视频显示大小，修改src="Wildlife.mp4"来改变要显示的视频；

然后打开html文件查看效果吧，它有暂停、音量控制、全屏等功能，还有好多其他功能，比如字幕等，这个以后再写。

【注意事项】：

如果是IE浏览器就将视频替换为传统的以FLASH形式播放；

解决IE不能播放的问题很简单。加入：scriptif (navigator.userAgent.indexOf('MSIE') = 0){ document.getElementById("videoDiv").innerHTML='embed src="Wildlife.mp4" autostart="true" loop="true" width="640" height="480" '; } /script；

在信息量越来越大的今天，越来越多的网站重视数据信息的多样化与个性化，随着多媒体技术逐渐发展提高，在线展示视频、音频、PPT、图表等技术也越来越多地应用到了各行各业中，无论是企业还是个人，都在改变着自己的网站风格。

HTML5里video标签支持哪些格式的视频文件？

一共支持三种格式: Ogg、MPEG4、WebM。

HTML5是构建Web内容的一种语言描述方式。HTML5是互联网的下一代标准，是构建以及呈现互联网内容的一种语言方式．被认为是互联网的核心技术之一。HTML产生于1990年，1997年HTML4成为互联网标准，并广泛应用于互联网应用的开发。

HTML5是Web中核心语言HTML的规范，用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的，在浏览器中通过一些技术处理将其转换成为了可识别的信息。

HTML5在从前HTML4.01的基础上进行了一定的改进，虽然技术人员在开发过程中可能不会将这些新技术投入应用，但是对于该种技术的新特性，网站开发技术人员是必须要有所了解的。

HTML5 是HyperText Markup Language 5 的缩写，HTML5技术结合了 HTML4.01 的相关标准并革新，符合现代网络发展要求，在 2008 年正式发布。HTML5 由不同的技术构成，其在互联网中得到了非常广泛的应用，提供更多增强网络应用的标准机。

与传统的技术相比，HTML5 的语法特征更加明显，并且结合了SVG的内容。这些内容在网页中使用可以更加便捷地处理多媒体内容，而且 HTML5中还结合了其他元素，对原有的功能进行调整和修改，进行标准化工作。HTML5 在 2012 年已形成了稳定的版本。

本文名称：html5视频列表的简单介绍
文章地址：http://chengdu.cdxwcx.cn/article/phhcsc.html