HTML5视频未在Chrome和IE11中播放（提供了详尽的测试用例）_Html_Internet Explorer_Google Chrome_Video_Html5 Video

HTML5视频未在Chrome和IE11中播放（提供了详尽的测试用例）

html internet-explorer google-chrome video

HTML5视频未在Chrome和IE11中播放（提供了详尽的测试用例）,html,internet-explorer,google-chrome,video,html5-video,Html,Internet Explorer,Google Chrome,Video,Html5 Video,我正试图在HTML5网页中加入一个截图。它可以在Firefox和Opera（经过测试的最新版本）上运行，但不能在IE11和Chrome上运行，至少不能在我的机器上运行这是我的密码： <!DOCTYPE html> <html> <head> <title>Hello world</title> <meta charset="utf-8"> </head> <body> <video aut

我正试图在HTML5网页中加入一个截图。它可以在Firefox和Opera（经过测试的最新版本）上运行，但不能在IE11和Chrome上运行，至少不能在我的机器上运行

这是我的密码：

<!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
<meta charset="utf-8">
</head>

<body>

<video autoplay="autoplay" loop="loop">
    <source src="helloworld.mp4" type="video/mp4">
    <source src="helloworld.webm" type="video/webm">
    <source src="helloworld.ogv" type="video/ogg">
</video>

</body>

</html>

如果您需要原始的

helloworld.avi

。我的

ffmpeg

来自

我相信服务器会以适当的

内容类型

进行响应，因为欢迎您进行自我验证

我做错了什么

如果可能的话，我恳请您不要给我一般性的答案，而是讨论实际的测试用例：我正试图为您提供所需的一切，您可以询问更多信息。

您可以使用其他浏览器。或者试试这个

    <!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
</head>

<body>

<video autoplay="autoplay" loop="loop">
    <source src="helloworld.mp4" type="video/mp4">
    <source src="helloworld.webm" type="video/webm">
    <source src="helloworld.ogv" type="video/ogg">
</video>

</body>

</html>


你好，世界

您的html很好。视频（471x390）的分辨率在大多数编解码器中无法正常工作。如果使用

-strict

，ffmpeg会出现错误。我对视频进行了重新编码，现在它对我有效，我裁剪了一个像素，得到了一个可分为两个版本（裁剪过滤器）：

我从一个脚本中获取的其他参数通常用于为html编码视频。尤其是iOS对编码选项非常挑剔。

我在Chrome中得到了

媒体错误解码（“在媒体资源被确定为可用后，解码媒体资源时发生了某种描述的错误”）。也许这会有帮助-谢谢。您是如何检索调试信息的？请您下载并检查MP4文件，如果您发现一些严重错误，请告诉我。我已经检查过了，视频编解码器实际上是H264如果媒体元素有问题，请始终检查网络状态
，readyState
和错误。code
（如果错误
不是空）属性。不幸的是，我现在没有时间查看视频，我会尽快完成。这样可以在我所有的桌面浏览器上正确播放视频。我对这个主题的研究没有揭示任何关于分辨率的问题，因为人们可能总是使用标准分辨率。你已经为我做了很多，但是你对如何让它在Android网络浏览器上工作有什么想法吗（因为它不工作）。你能上传你新的编码视频让我看一下吗？对我来说，webm和mp4版本都可以在android上运行（在4.4上测试）。以下是使用您的选项编码的新视频：此测试用例在任何桌面浏览器中都能正常运行，但我的Galaxy S4 mini中的“Internet”内置应用程序显示一个黑色矩形。Chrome（在该设备上）也会发生同样的情况。奇怪的是，它在Firefox for mobile中起作用。
    <!DOCTYPE html>
<html>
<head>
<title>Hello world</title>
</head>

<body>

<video autoplay="autoplay" loop="loop">
    <source src="helloworld.mp4" type="video/mp4">
    <source src="helloworld.webm" type="video/webm">
    <source src="helloworld.ogv" type="video/ogg">
</video>

</body>

</html>

ffmpeg -i helloworld.avi  -filter:v "crop=470:390:0:0" -c:v libvpx -crf 6 -b:v 3M -qmin 2 -qmax 42 -quality best -cpu-used 0  helloworld.webm

ffmpeg -i helloworld.avi -filter:v "crop=470:390:0:0" -c:v libx264 -profile:v high -level 4.1 -strict -2 -pix_fmt yuv420p -crf 12 -subq 9 helloworld.mp4