正文 

当前位置： 首页 > 问答 >

HTML5 <video> 可以播放 .mkv 文件吗？

     2023-05-07     223

关键词：

【中文标题】HTML5 <video> 可以播放 .mkv 文件吗？【英文标题】：HTML5 <video> can play .mkv files? 【发布时间】：2012-03-26 05:38:30 【问题描述】：

所以我不小心用 Chrome 打开了一个 mkv 视频文件，令我惊讶的是它使用本机播放器播放：

<video src="video.mkv"></video>

播放完美。 HTML5 视频是否支持 matroska 容器？

【问题讨论】：

我在 Chrome 22 中没有任何声音。我无法取消视频静音。诡异的。您在哪个版本中尝试过？ 我也使用 Chrome 21 for .mkv 视频.. 【参考方案1】：

HTML5 不支持 any 视频格式，或者说 HTML5 没有指定浏览器应该支持的格式。由浏览器决定他们选择支持哪些格式。显然 Chrome 播放 .mkv，但如果其他浏览器不播放相同的文件，我不会感到惊讶。

【讨论】：

@artdias90 No, it doesn't。 W3schools 不是权威参考。【参考方案2】：

网站可能已将文件的 mimetype 设置为 video/webm。 Chrome 将打开这个内联而不是强制下载（因为否则它不知道如何处理它或如何打开它）。

例如，在 apache 中，这是通过使用 AddType 指令完成的（可以在 htaccess 中完成）：

    AddType video/webm .mkv

【讨论】：

请不要这样做。所有 WebM 文件都是 MKV 文件，但反之则不然，不应提供 MIME 类型不正确的文件，因为上述内容最终会发生。【参考方案3】：

如果浏览器不支持 mkv，我会感到惊讶，因为 webm 容器只是 matroska 格式的受限版本。除此之外，您还必须检查内部视频的编解码器，并确保您的浏览器可以处理。如果视频格式是 VP8 或 VP9，而音频是 Opus 或 Vorbis，则它符合 webm 标准，也可以这样重命名。请注意，H.264、H.265 和 MP3 不符合 webm 标准，您应该避免在包含这些格式的文件上使用该扩展名，视频仍然可以播放，但从技术上讲会违反 webm 规范，因此不受欢迎。

【讨论】：

另外请注意，如果您将字幕添加到 MKV 容器本身，即使视频是 VP8,9 并且音频是 Vorbis 或 Opus，它在技术上不再是 WebM 兼容的 - 尽管浏览器还是会玩的。

关于html5video的连续播放

<!doctypehtml><htmllang="en"><head><metacharset="utf-8"><title>关于html5video的连续播放</title></head><body><videoid="video"autoplay=""controls="controls"&g 查看详情

Android - 在 html 代码中播放 html5 <video>

...甚至4.1+的android设备。我不想过多地更改WebView代码。是否可以 查看详情

html5<video>怎么在页面加载好久开始播放视频

...ay();functionplay(e)video.src=vList[curr];video.load();//如果短的话，可以加载完成之后再播放，监听canplaythrough事件即可video.play();curr++;if(curr>=vLen)curr=0;//播放完了，重新播放参考技术A<video autoplay="autoplay" loop="loop"... 查看详情

html5的新增video+dom（实现播放暂停调整尺寸大小）

...放、暂停以及加载等。其中的属性（如：时长、音量等）可以被读取或设置。其中的DOM事件能够通知您。比如说，<video>元素开始播放、已暂停、已停止、等等。案例一：使用video和DOM元素，实现简单的播放、暂停、调整尺寸... 查看详情

html5-video(播放暂停视频；打开关闭声音；进度条)

<!DOCTYPEhtml><html><head><title>HTML5-video(播放暂停视频；打开关闭声音；进度条)</title><metacharset="utf-8"/></head><body><videoid="video1"controls="controls"width=" 查看详情

html5<video>如果只有10秒的视频吸播放5秒就停么

...停止；如果video上设置有loop属性，会自动重播；追问用JS可以控制，怎么控制呢？就是试了好久才没有成功，你能帮写写JS不。追答你把需求再描述一下，要是简单的我可以帮忙，要是复杂可能就再说了； 参考技术Bvideo.ontimeupdate... 查看详情

html5点击播放video的方法

html5点击播放video的方法<pre><videovideosrc="{$vo.shipinurl}"controls=""x5-playsinline=""playsinline=""webkit-playsinline=""poster=""></video>varvideosrc=$(this).parents(‘.shipincontainer‘) 查看详情

如何使用 HTML5 <video> 播放 MPEG4 Visual？

】如何使用HTML5<video>播放MPEG4Visual？【英文标题】：HowtoplayMPEG4VisualwithHTML5<video>?【发布时间】：2011-04-1915:38:38【问题描述】：我目前使用它来播放AVC（H.264或MPEG-4Part10）视频。<videocontrolspreload><sourcesrc="xyz.mp4"type=\'... 查看详情

HTML 5 视频播放状态覆盖

...html5有特殊要求&lt;video&gt;，希望大家帮帮我。是否可以在html5&lt;video&gt;object上方添加&lt;div&gt;、&lt;p&gt;或其他内容？加上触发Video的PlayS 查看详情

简易的html5视频播放倍速代码写法(代码片段)

...，用于设置倍速播放。例如设置播放速度为2倍，可以写成：<videosrc="video.mp4"autoplaycontrolsplaybackRate="2"></video>同时，可以使用JavaScript来控制播放速度。以下是一个简单的代码示例，包... 查看详情

如何在 iOS 上自动播放 HTML5 <video> 和 <audio> 标签？

】如何在iOS上自动播放HTML5<video>和<audio>标签？【英文标题】：HowtoautoplayHTML5<video>and<audio>tagsoniOS?【发布时间】：2015-10-0509:31:53【问题描述】：我和我的团队正在尝试在iPad上制作一个Web应用程序自动播放HTML5视... 查看详情

如何使用 Jquery 播放/暂停 Flash 视频（不是 html5 <video>）

】如何使用Jquery播放/暂停Flash视频（不是html5<video>）【英文标题】：Howtoplay/pauseflashvideo(nothtml5<video>)withJquery【发布时间】：2017-06-1521:04:12【问题描述】：我正在研究哪些应该是简单的操作，例如在单击按钮或播放暂停... 查看详情

HTML5 <video> Chrome中的播放器控件右侧三个点打开空白屏幕

】HTML5<video>Chrome中的播放器控件右侧三个点打开空白屏幕【英文标题】：HTML5<video>PlayerControlsinChromeThreeDotsontheRightOpenBlankScreen【发布时间】：2019-06-2716:58:43【问题描述】：我正在使用标准HTML5&lt;video&gt;标签将视频... 查看详情

html5--视频播放

实例代码：<videowidth="320"height="240"controls="controls"><sourcesrc="movie.ogg"type="video/ogg"><sourcesrc="movie.mp4"type="video/mp4">Yourbrowserdoesnotsupportthevideotag.</video> 查看详情

html5视频播放video标签使用详解

1，下面是一个播放视频的最简单样例 （controls属性告诉浏览器要有基本播放控件）  <videosrc="hangge.mp4"controls></video>2，通过width和height设置视频窗口大小<videosrc="hangge.mp4"controlswidth="400"height="300"></ 查看详情

html5中video和audio这两个标签是干嘛的，如何设置其属性？

...uot;controls="controls"id="video">你的破浏览器可以退休了，赶紧升级吧！</video>//通过HTML5中Video提供的API可以自定义控件控制视频的播放<br/><inputtype="button" 查看详情

html5如何更改video的src属性

...简单的 HTML5中的video代码作为实例进行解析1、要更改video播放窗口的宽度和高度，那么，修改代码如下：<video  src="movie.ogg" controls="controls">浏览器不支持 video 标签。</video>2、指定video播放窗口的宽度和高度并默认自... 查看详情

前端小功能：video视频播放(代码片段)

...定义了Video（视频）标签可用于实现视频的播放，标签也可以在HTML页面中嵌入多媒体元素，标签的也可以是在HTML页面中嵌入多媒体元素。在这里主要使用：Video标签实现视频播放：<videowidth="320"height="240"controls><sourcesrc="movi... 查看详情