videojs 播放mp4视频只有声音没有画面问题

在使用Video.js播放MP4视频时，如果遇到只有声音没有画面的情况，这通常与视频文件的编码格式、浏览器兼容性或Video.js的配置有关。以下是一些可能的解决步骤和原因分析：

1. 检查视频编码

MP4视频支持多种编码格式，但并非所有编码都能在所有浏览器或播放器中无缝播放。特别是，AVC（H.264）编码是广泛支持且被认为是MP4的标准编码。如果视频使用的是其他编码（如MPEG4(DivX)、MPEG4(Xvid)等），可能会出现兼容性问题。

使用 H264视频编码和 AAC音频编码

示例：

解决步骤：

方式一：

使用视频转换工具（如格式工厂）将视频转换为AVC（H.264）编码的MP4格式。或者在线转换工具：转换为MP4在线 - 免费视频转换工具
转换后，再次尝试使用Video.js播放视频，看是否解决了问题。

方式二：

后台将视频转换成H264视频编码进行播放

jar包，可以在maven库搜索下载：

ws.schild jave-core：2.4.5
ws.schild jave-native-win64：2.4.5

（1）pom中加入这两个依赖：

<!-- https://mvnrepository.com/artifact/ws.schild/jave-core -->
<dependency><groupId>ws.schild</groupId><artifactId>jave-core</artifactId><version>2.4.5</version>
</dependency>
<!-- https://mvnrepository.com/artifact/ws.schild/jave-native-win64 -->
<dependency><groupId>ws.schild</groupId><artifactId>jave-native-win64</artifactId><version>2.4.5</version>
</dependency>

（2）代码如下：

package org.springeos.modules.quartz.m3u8.main;import ws.schild.jave.*;
import java.io.File;
import java.io.IOException;public class test {public static void main(String[] args) throws IOException {File source = new File("source.avi");File target = new File("target.avi");AudioAttributes audio = new AudioAttributes();audio.setCodec("libmp3lame");//音频编码格式//audio.setBitRate(new Integer(56000));//设置比特率，比特率越大，转出来的音频越大（默认是128000，最好默认就行，有特殊要求再设置）audio.setChannels(new Integer(1));audio.setSamplingRate(new Integer(22050));VideoAttributes video = new VideoAttributes();video.setCodec("libx264");//视屏编码格式//video.setBitRate(new Integer(56000));//设置比特率，比特率越大，转出来的视频越大（默认是128000,最好默认就行，有特殊要求再设置）video.setFrameRate(new Integer(15));//数值设置小了，视屏会卡顿EncodingAttributes attrs = new EncodingAttributes();attrs.setFormat("mp4");attrs.setAudioAttributes(audio);attrs.setVideoAttributes(video);Encoder encoder = new Encoder();MultimediaObject multimediaObject=new MultimediaObject(source);try {encoder.encode(multimediaObject,target,attrs);}catch (IllegalArgumentException e){e.printStackTrace();}catch (InputFormatException e){e.printStackTrace();}catch (EncoderException e){e.printStackTrace();}}}