`
lijuanabc
  • 浏览: 125842 次
社区版块
存档分类
最新评论

HTML5添加video视频标签后仍然无法播放的解决方法

 
阅读更多
现象插入如下代码后仍然无法看视频(注:视频已确认为浏览器支持格式)
<video controls="controls" width="500px" height="300px" preload="metadata">
<source src="video/FF4.ogv" type="video/ogg">
<source src="video/FF4.webm" type="video/webm">
<source src="video/FF4.mp4" type="video/mp4">
</video>
原因:IIS的MIME中未注册MP4、ogg、webm相关类型,导致IIS无法识别
解决方法在IIS中注册MP4、ogg、webm类型,以下以MP4为例,ogg和webm以此类推:
1、在IIS中双击MIME类型的图标

2、右键-》添加 IIS不认识的新类型

3、添加新类型的扩展名和类型标识

注意以上图示以 .MP4 为例,如果想让视频标签兼容更多浏览器,需要将以下类型加入到MIME中

扩展名 类型
.mp4 video/mp4
.ogv video/ogg
.webm video/webm
分享到:
评论

相关推荐

    HTML5视频播放video标签使用方法.docx

    HTML5的`&lt;video&gt;`标签是现代网页设计中用于内嵌视频内容的关键元素,它使得开发者无需依赖外部插件即可在网页上展示多媒体资源。在本文中,我们将深入探讨`&lt;video&gt;`标签的使用方法,以及如何通过JavaScript进行交互...

    解决!html中使用video标签调用本地视频结果只有音频没有视频画面

    然而,有时候可能会遇到一个问题,即使用`&lt;video&gt;`标签加载本地视频时,只有音频可以播放,但视频画面无法正常显示。这种情况可能是由多种因素引起的,让我们详细探讨一下可能的原因及解决方案。 首先,确保你的...

    cefsharp57支持video标签

    在CEFSharp57版本中,特别引入了对HTML5 `video`标签的支持,这解决了之前由于版权问题,CEFSharp不包含原生视频播放组件,导致无法播放视频的困扰。 在CEFSharp早期版本中,由于版权和许可限制,它并不直接支持...

    自定义美化HTML5 video视频播放器界面样式

    HTML5的`&lt;video&gt;`标签允许我们指定视频源文件、设置宽高、以及添加控制元素。例如: ```html &lt;video id="myVideo" width="640" height="360" controls&gt; &lt;source src="vedio/my_video.mp4" type="video/mp4"&gt; ...

    CEFSharp.wpf 63 支持MP4,video标签 视频流播放

    1. **HTML5 `&lt;video&gt;` 标签**:这是HTML5中用于添加视频内容的标准元素,可以设置`src`属性指向视频资源,同时通过`controls`属性提供播放、暂停、音量控制等基本功能。 2. **Chromium 内核支持**:CEFSharp基于...

    html5 video视频播放插件

    这个“html5 video视频播放插件”提供的是一种解决方案,使得开发者能够更方便地在网页上集成和控制视频播放。下面我们将深入探讨HTML5 Video的相关知识点。 1. **HTML5 Video元素**: HTML5 Video元素是插入视频的...

    html中video标签视频边下边播处理工具

    在这个“html中video标签视频边下边播处理工具”中,包含了几个关键工具,如ffmpeg、qt-faststart和mp4info,这些都是为了优化视频在网页上的流式传输和边下边播体验。 1. **ffmpeg**:这是一个强大的跨平台命令行...

    HTML5 video 标签浏览器兼容问题

    HTML5的`&lt;video&gt;`标签是现代网页中用于嵌入视频内容的重要元素,它使得开发者无需依赖第三方插件即可在网页上展示视频。然而,由于不同的浏览器可能支持不同的编码格式和特性,`&lt;video&gt;`标签的兼容性问题一直是前端...

    解决html5中video标签无法播放mp4问题.pdf

    然而,有时我们可能会遇到`&lt;video&gt;`标签无法播放MP4视频的问题,尤其是在将不同格式的视频转换为MP4后。本文将详细探讨这个问题的原因以及如何解决。 首先,我们要理解HTML5支持的视频格式和编码标准。`&lt;video&gt;`...

    video插件实现视频在线播放

    总结来说,实现“video插件”视频在线播放涉及HTML5的`&lt;video&gt;`标签使用、视频编码和格式选择、兼容性处理、性能优化以及可访问性设计等多个方面。通过合理的策略和技术选择,我们可以创建出既美观又功能强大的视频...

    video-js-html5视频播放器源码例子

    `&lt;video&gt;`标签支持多种视频格式,如MP4、WebM和Ogg,通过`src`属性指定视频源。此外,还可以设置`autoplay`、`loop`、`controls`等属性来实现自动播放、循环播放和显示控制条等功能。 2. **video-js库** "video-js...

    H5 Video标签调用摄像头进行录像,兼容苹果、安卓系统、可在微信浏览器正常使用

    在现代Web开发中,HTML5引入了许多新的特性,其中之一就是`&lt;video&gt;`标签,它使得在网页上直接播放视频成为可能。在这个场景中,我们利用`&lt;video&gt;`标签的特定属性来实现调用用户设备的摄像头进行录像,并且确保这个...

    基于video标签的HTML5视频播放器.rar

    HTML5的`&lt;video&gt;`标签是现代网页开发中用于嵌入和播放视频的重要元素,它极大地简化了在网页上添加视频内容的过程。本教程将深入探讨`&lt;video&gt;`标签的使用方法及其相关特性,帮助你创建一个功能完备的HTML5视频播放器...

    html5media文件,video兼容IE8视频播放

    IE8并不原生支持HTML5的`&lt;video&gt;`标签,因此`html5media`库通过提供一个补丁,使得开发者能够在这些浏览器中实现视频播放功能。 在描述中提到,这个文件是从Google站点下载的,这表明它可能是一个开源项目或者社区...

    ckeditor html5_video 插件添加封面和中文功能

    HTML5 视频标签 `&lt;video&gt;` 用于嵌入视频内容,通常包括 `src`(视频源)、`controls`(播放控件)、`poster`(预览图片)等属性。在 CKEditor 中,通过 HTML5-Video 插件,我们可以方便地在编辑器内创建和配置这些...

    html5 video 视频播放器

    HTML5 Video 视频播放器,如"video-js",是现代网页开发中不可或缺的一部分,它使得在网页上集成和控制视频内容变得简单且标准化。HTML5 的引入为Web开发者提供了一种无需依赖Flash或其他插件来播放多媒体内容的方式...

    HTML5标签video官方文档

    HTML5的`&lt;video&gt;`元素是现代网页设计中不可或缺的一部分,它允许开发者在网页上嵌入视频内容。这个元素的官方文档提供了详细的信息,包括它的类别、可用性、内容模型以及一系列的属性和接口。 首先,`&lt;video&gt;`元素...

    html5_3d视频video

    "html5_3d视频video"这个主题聚焦于HTML5中的 `&lt;video&gt;` 标签,该标签使得在网页上直接嵌入视频内容变得轻而易举。同时,通过结合3D效果,我们可以创建出更具沉浸感和交互性的视频体验。 一、HTML5 `&lt;video&gt;` 标签 ...

    JavaScript_Videojs开源HTML5视频播放器.zip

    然而,不同的浏览器对HTML5视频的支持程度不同,Video.js就是为了解决这个问题而诞生的。它提供了一个统一的API和样式,确保在各种浏览器上都能得到一致的视频播放体验。Video.js支持多种视频格式,如MP4、WebM和Ogg...

    video.js在线自适应视频播放器.rar_html5 flash_html5 视频_videojs 自适应_在线 自适应 视

    标题中的"video.js在线自适应视频播放器.rar"指出,这是一个关于video.js的资源包,video.js是一个流行的开源JavaScript和CSS库,用于构建响应式的HTML5视频播放器。它能够处理不同浏览器之间的兼容性问题,并提供了...

Global site tag (gtag.js) - Google Analytics