Question

我有一个MP4视频，我想在Android和iPad上通过HTML5播放。

html代码是

<video width="510" height="315" autobuffer controls >
    <source src="video.mp4" type="video/mp4" />
</video>

来自VLC的视频的媒体信息是

Stream 0:
    Type: Video
    Codec: H264 - MPEG-4 AVC (part 10) (avc1)
    Resolution: 856x368
    Frame rate: 23.976000
    Decoded format: Planar 4:2:0 YUV
Stream 1
    Type: Audio
    Code: MPEG AAC Audio (mp4a)
    Channels: Stereo
    Sample rate: 44100 Hz

我通过使用vcodec libx264 acodec aac使用ffmpeg转换另一个视频来创建视频

iPad只显示一个黑色屏幕上有一条直线的播放图标

这可能是因为视频格式错误吗？

Answer 1

今天我的朋友有类似的问题；我在Windows 10上尝试过Edge 42，或在Android上尝试过FireFox，Google chrome，但无法播放视频。因此，我使用VLC转换此meida以删除编码格式“平面”。然后，我可以在上述浏览器中播放它。

我使用的软件：VLC Media Player版本3.0.3 Vetinari

来自VLC的视频上的媒体信息是

Stream 0 Codec: H264 - MPEG-4 AVC (part 10) (avc1) Type: Video Video resolution: 759x720 Buffer dimensions: 768x738 Frame rate: 30 Decoded format: Planar 4:4:4 YUV Orientation: Top left Chroma location: Left

转换后就可以了，这是我的参数：兑换设定值配置文件[Youtube HD视频]并编辑所选的配置文件，禁用音频编解码器（因为我不需要音频，如果需要此部分，请尝试一下），检查视频编解码器->分辨率，然后选择所需的帧大小。最后转换并保存。

来自VLC的视频上的媒体信息是

Stream 0 Codec: H264 - MPEG-4 AVC (part 10) (avc1) Language: English Type: Video Video resolution: 758x720 Buffer dimensions: 768x720 Frame rate: 30.689656 Decoded format: Orientation: Top left Chroma location: Left

Answer 2

您可以在这里找到一个可以帮助您的优秀教程：

http://www.robwalshonline.com/posts/tutorial-serving-html5-video-cross-browser-including-ipad/

我认为你的问题是编码。 Ipad视频与mov格式配合使用。

HTML5视频无法在Ipad / Android上播放

2 个答案: