html中如何播放视频(观看rideit高清mv视频)

1、打开Hbuilder，在项目管理器中放置mp4格式视频点击index.html进入。

2、在这里通过红色方框中的命令来建立一个HTML5的文件。

3、这个时候添加video元素就可以插入视频了，用autoplay设置自动播放，controls设置控制栏。

4、用source可以连接对应的视频资源；

5、完成以后左边的是播放按钮、视频进度控制条等工具。

6、而右边可以调节声音大小和全屏播放，有服务器的话还可以下载。

1、你可以使用html5的video标签，缺点是不支持低版本IE
2、可以使用播放器插件，如ckplayer、jPlayer等。
3、使用优酷等视频网站的播放代码 有几种方法，最简单的就是到一些视频播放网站上直接复制人家的html代码，一般都有共享的代码，直接放到html中就可以播放了，不过这种属于调用人家的视频，
如果自己要播放自己的视频，那可以找一段视频播放器代码，再把视频文件地址换成你要播放的地址，就可以了。

html5的video标签

Camtasia Studio保存为html，调用flash什么的,会生成html视频文件，好使!

向HTML中插入视频有两种方法，一种是古老的object标签，一种是html5中的video标签。

前者兼容性相对好些，后者兼容性让人头疼。

示例如下：

<video width="602px" height="345px" controls="controls">

<source src="public/video/test.mp4" type="video/mp4"></source>

<source src="public/video/test.ogg" type="video/ogg"></source>

your browser does not support the video tag

</video>

当前，video 元素支持三种视频格式：

格式 IE Firefox Opera Chrome Safari

Ogg No 3.5+ 10.5+ 5.0+ No

MPEG 4 9.0+ No No 5.0+ 3.0+

WebM No 4.0+ 10.6+ 6.0+ No

Ogg = 带有 Theora 视频编码和 Vorbis 音频编码的 Ogg 文件

MPEG4 = 带有 H.264 视频编码和 AAC 音频编码的 MPEG 4 文件

WebM = 带有 VP8 视频编码和 Vorbis 音频编码的 WebM 文件

注：格式必须符合上面三条详细要求，比如MPEG 4，必须是H.264视频和AAC音频。

扩展资料：

HTML

超文本标记语言，标准通用标记语言下的一个应用。

“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。

超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分（英语：Body），其中“头”部提供关于网页的信息，“主体”部分提供网页的具体内容。

参考链接：HTML_百度百科

HTML网页中插入视频需要用到vedio标签：

1、在vedio.html中加入以下核心代码：

<video width="320" height="240" controls>
<source src="movie.mp4" type="video/mp4">
<source src="movie.ogg" type="video/ogg">
<source src="movie.webm" type="video/webm">
<object data="movie.mp4" width="320" height="240">
<embed src="movie.swf" width="320" height="240">
</object>
</video>

2、HTML 多媒体标签

3、运行结果

用object 标签

<objectid="MediaPlayer"width="478"height="300"codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.
cab#Version=6,1,5,217"type="application/x-oleobject"standby="LoadingMicrosoftWindowsMediaPlayercomponents..."classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"VIEWASTEXT>
<paramname="DisplayBackColor"value="0">
<paramname="DisplayForeColor"value="16777215">
<paramname="DisplayMode"value="0">
<paramname="DisplaySize"value="-1">
<paramname="Filename"value="mms://www-xxx-com/视频文件.wmv">
<!--此处设置播放的视频连接-->
<paramname="ShowControls"value="0">
</object>

2.用html标签video

<videosrc="movie.ogg"controls="controls">
</video>

<video>标签，

<videosrc="视频地址，支持.m4v,.mp4,.avi,.webm（视浏览器而定）"controls="controls"></video> 在vedio.html中加入以下核心代码：

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

<source src="movie.webm" type="video/webm">

<object data="movie.mp4" width="320" height="240">

<embed src="movie.swf" width="320" height="240">

</object>

</video>

1、在vedio.html中加入以下核心代码：

<video width="320" height="240" controls>

<source src="movie.mp4" type="video/mp4">

<source src="movie.ogg" type="video/ogg">

<source src="movie.webm" type="video/webm">

<object data="movie.mp4" width="320" height="240">

<embed src="movie.swf" width="320" height="240">

</object>

</video>

2、HTML 多媒体标签。

3、运行结果。