Заставить файлы .avi и .mkv воспроизводиться в браузере (а не скачиваться)

Для своего личного развлечения я создал собственный медиаплеер (на самом деле это скорее медиатека). У меня есть компьютер, подключенный к моему основному телевизору в гостиной, поэтому мне нужно было что-то, что упорядочивало бы все мои видеофайлы, а также включало бы кетчуп, чтобы все было в одном месте.

По большей части он идеален. Проблема, с которой я сталкиваюсь, связана с определенными типами файлов.

У меня есть локальная ссылка, где путь ведет к папке, в которой видеофайлы хранятся на моем компьютере, поэтому мой HTML:

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

Я использую Chrome в качестве браузера по умолчанию, а для файлов .mp4 он открывает встроенный видеопроигрыватель и воспроизводит файлы — с этим проблем нет.

Однако некоторые из моих файлов имеют форматы .avi и .mkv, и с ними вместо воспроизведения они начинают скачиваться (что, конечно, бессмысленно, учитывая, что файлы уже хранятся на моем ПК!)

Я много читал, и единственные вопросы по этому поводу в любом месте (не только на SO) кажутся полной противоположностью, когда люди ХОТЯТ принудительно загрузить, а не играть в браузере.

Я МОГУ преобразовать все файлы в .mp4, но это нереально, учитывая, что большинство этих файлов скопировано из моей коллекции Blu-ray.

Может ли кто-нибудь предложить какие-либо советы о том, как я всегда могу заставить любой видеофайл открываться в браузере (если это вообще возможно?)

РЕДАКТИРОВАТЬ: я попробовал теги, но это не то, что мне нужно, позвольте мне объяснить дальше.

С тегами видео у меня было это:

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

Это встраивает видео на страницу. Я не хочу этого делать, или на самом деле я могу это сделать, но для меня это не работает, поскольку мои ссылки на видео берутся из настраиваемого поля, и мне это не нравится. У меня есть сетка обложек моей коллекции DVD/blu-ray и все изображения со ссылками на видео. Когда это 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>

Таким образом, это просто изображение, заключенное в ссылку на видео.

Имея это в виду, это тег, который я хочу, учитывая, что я не хочу ничего воспроизводить в этом разделе (просто воспроизводите его в новой вкладке, когда я нажимаю ссылку на видео)


person jfar_2020    schedule 29.05.2018    source источник
comment
Используйте тег HTML 5 <video>   -  person Zak    schedule 29.05.2018
comment
stackoverflow.com/questions/21192713/   -  person Zak    schedule 29.05.2018
comment
Большое спасибо, я использую локальную установку WordPress, которая также выбирает избранное изображение обложки фильма/программы, поэтому мне нужно подумать, как включить это в это тоже!   -  person jfar_2020    schedule 29.05.2018
comment
Вопрос обновлен с дополнительной информацией.   -  person jfar_2020    schedule 29.05.2018