MP4视频在本地可以播放但是使用html5的video多媒体播放标签不能正常播放只有一个进度条而不显示图像？

By default most modern browsers will try to download the video files unless the video file interacts with the inbuilt video player.

默认情况下，除非视频文件与内置视频播放器进行交互，否则大多数现代浏览器都会尝试下载视频文件。

虽然文件是MP4格式文件，但是用Google Chrome以及FireFox都无法播放视频，用IE浏览器则会下载该视频到本地，然后打开可以播放。

结论：

    视频编码问题，格式都是MP4，但是HTML中只支持H.264编码格式

    可以使用任意视频转换工具，将视频文件转换为符合格式的media，比如：H.264 Encoder

进一步学习，使用Google Chrome，开启调试模式或者说debug模式，会发现播放视频使用的是HTML5的<video>标签

这个<video>标签的作用就是让多媒体文件可以很方便的在网页中播放，而不用下载到本地

目前，<video>biao标签元素支持三种视频格式：MP4、WebM、Ogg

浏览器	MP4	WebM	Ogg
Internet Explorer	YES	NO	NO
Chrome	YES	YES	YES
Firefox	YES 从 Firefox 21 版本开始 Linux 系统从 Firefox 30 开始	YES	YES
Safari	YES	NO	NO
Opera	YES 从 Opera 25 版本开始	YES	YES

• MP4 = MPEG 4文件使用 H264 视频编解码器和AAC音频编解码器
• WebM = WebM 文件使用 VP8 视频编解码器和 Vorbis 音频编解码器
• Ogg = Ogg 文件使用 Theora 视频编解码器和 Vorbis音频编解码器

提示和注释

提示：可以在 <video> 和 </video> 标签之间放置文本内容，这样不支持 <video> 元素的浏览器就可以显示出该标签的信息。

---

可选属性

New：HTML5 中的新属性。

属性	值	描述
autoplay	autoplay	如果出现该属性，则视频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
height	pixels	设置视频播放器的高度。
loop	loop	如果出现该属性，则当媒介文件完成播放后再次开始播放。
muted	muted	如果出现该属性，视频的音频输出为静音。
poster	URL	规定视频正在下载时显示的图像，直到用户点击播放按钮。
preload	auto metadata none	如果出现该属性，则视频在页面加载时进行加载，并预备播放。如果使用 "autoplay"，则忽略该属性。
src	URL	要播放的视频的 URL。
width	pixels	设置视频播放器的宽度。

全局属性

<video> 标签支持 HTML 的全局属性。

---

事件属性

<video> 标签支持 HTML 的事件属性。