媒体错误：不支持格式或来源答案

【问题标题】：Media error: Format(s) not supported or source(s)媒体错误：不支持格式或来源
【发布时间】：2020-05-12 12:40:57
【问题描述】：

我正在为我的视频使用media player js，我正在尝试在 ios 和 android 中播放 hls 和 dash 视频格式。这是我目前所拥有的。

现场演示码笔：live demo

HTML

<div class="video">
   <video id="player1" muted autoplay controls preload="none">

数据 - 质量 = "SD" >

这里是JS

$('video').mediaelementplayer({
    features: ['playpause', 'current', 'progress', 'duration', 'volume', 'fullscreen', 'quality'],
    stretching: "responsive",
    enableAutosize: false,
    startVolume: 0.5,
    success: function(mediaElement, domObject) {
        mediaElement.setVolume(0.5);
        console.log(mediaElement);
    }
});

现在，当我在移动设备上查看 (ANDROID) 时出现以下错误：

Media error: Format(s) not supported or source(s) not found

注意：在 iPhone 上，一切正常，问题在于 android 设备

我需要做什么来解决这个问题？任何帮助或建议将不胜感激

【问题讨论】：

我试试你的代码（不是代码笔，而是这个）并使用手机，可能在代码笔中是不同的视频？
@SimoneRossaini 你试过安卓吗？在 iphone 上没问题
是的，我尝试使用我的三星 s8 - Screen
@SimoneRossaini 我的错，mp4 视频效果很好，但我需要播放 hls 文件，我已经更新了链接，这里是演示 codepen.io/makumba/pen/JjYLvVe
试试看here

标签： javascript html jquery html5-video http-live-streaming

【解决方案1】：

对于这个错误的未来参考，确保你有正确的 hls 文件和正确的编解码器，这里是如何将 mp4 转换为 hls 文件的教程，正确的方法

https://docs.peer5.com/guides/production-ready-hls-vod/

【讨论】：