首页 > 解决方案 > 强制 .avi 和 .mkv 文件在浏览器中播放(而不是下载)

问题描述

为了我自己的个人娱乐,我构建了一个自定义媒体播放器(实际上更像是一个媒体库)。我有一台连接到我的主休息室电视的个人电脑,所以想要一些东西来组织我所有的视频文件并合并追赶,所以一切都在一个地方。

在大多数情况下,它是完美的。我遇到的问题是特定文件类型。

我有一个本地链接,路径指向视频文件存储在我的电脑上的文件夹,所以我的 HTML 是:

<a href="file:///C:\Users\MyName\Documents\Media\videofilehere.mp4">

我使用 Chrome 作为我的默认浏览器,对于 .mp4 文件,这会打开内置的视频播放器并播放文件 - 没问题。

然而,我的一些文件是 .avi 和 .mkv 并且有了这些文件,它们不会播放,而是开始下载(考虑到这些文件已经存储在我的 PC 上,这当然毫无意义!)

我已经阅读了很多书,并且在任何地方(不仅仅是在 SO)上唯一的问题似乎与人们想要强制下载而不是在浏览器中播放的情况完全相反。

我可以将所有文件转换为 .mp4,但这并不现实,因为这些文件中的大多数都是从我的蓝光收藏中提取的。

谁能提供有关如何始终强制在浏览器中打开任何视频文件的任何提示(如果可能的话?)

编辑:我尝试了标签,但这并不能满足我的需要,请允许我进一步解释。

使用视频标签我有这个:

<video controls width=800 autoplay>
    <source src="http://clips.vorwaerts-gmbh.de/VfE_html5.mp4">
</video>

这会在页面上嵌入视频。我不想这样做,或者实际上我可能会这样做,但对我来说,它似乎不起作用,因为我的视频链接是从自定义字段中提取的,而且它似乎不喜欢那样。我所拥有的是我的 DVD/蓝光收藏的封面网格和整个图像链接到视频。当它是 mp4 并且我单击它时,会在 Chrome 中打开一个带有视频的新标签。当我对任何其他文件(如 .avi 或 .mkv)执行此操作时,它就会开始下载文件。

所以我本节的完整代码(记住这也是 WordPress!)是:

<a href="file:///C:\Users\MyName\Documents\Media\videofilehere.mp4">
    <?php if ( has_post_thumbnail() ) {
        $image_src = wp_get_attachment_image_src( get_post_thumbnail_id(),'’thumbnail’' );
        echo '<img width="100%" class="fet-img" src="' . $image_src[0] . '">';
        } 
    ?>
</a>

所以实际上它只是一个包含在视频链接中的图像。

考虑到这一点,这是我想要的标签,我不想在本节中播放任何内容(单击视频链接时只需在新标签中播放)

标签: avimkv

解决方案


推荐阅读