jsp页面播放视频标签及能移动，有声音，但是没有图像问题解决

最新推荐文章于 2023-09-18 11:33:07 发布

原创最新推荐文章于 2023-09-18 11:33:07 发布 · 1.1k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#mp4视频转码 #H264转码 #jsp页面播放视频 #video标签 #ifame

jsp 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了解决网页视频播放无图像的问题，通过转换mp4视频编码为AVC(H264)实现正常播放，提供了使用<iframe>和<video>标签嵌入视频的方法及编码转换工具。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

先说明一下出现的问题：

做项目的时候客户需要在页面展示自己的宣传视频，直接给的视频（mp4格式），因为要网上上传后的地址是有广告的，客户不想要广告，所以就只能直接把视频放到项目里，这样就会没有广告，先写jsp页面的代码，遇到的问题后面说：

2种方法：

1：ifame标签嵌入 ---- 支持第三方视频和本地项目视频

<div style="width: 500px;height: 380px;margin: 0px auto;">
<iframe width="500px" height="380px" src="video.mp4" frameborder=0 allowfullscreen></iframe>
</div>

<div style="width: 500px;height: 380px;margin: 0px auto;">
<iframe width="500px" height="380px" src="http://player.youku.com/embed/ASSASS" frameborder=0 allowfullscreen> </iframe>
</div>

优酷通用的引用链接:http://player.youku.com/embed/

获取优酷视频ID的教程: 点击我

2：<video>标签 ------ 仅支持本地视频

<div style="width: 500px;height: 380px;margin: 250px auto;">
<video src="mda-ic3eip66u80zeutr.mp4" type="video/mp4" controls autoplay width="500px" height="380px" >
</video>
</div>

以上是全部代码，然后下面开始说说出现的问题，我用了2这种方法放的是我项目里的视频，但是运行的时候，进度条能移动、也有声音，但是就是没有图像，上网查了一下，说是需要解码，经过测试，完美解决。下面提供解决办法：

mp4的视频编码有三种：MPEG4(DivX),MPEG4(Xvid),AVC(H264)，转换成AVC(H264)编码，就能正常播放,可以使用格式工厂转换视频格式。

有软件可以直接转，下载后直接安装就可以，安装完成后需要重启一下电脑，用软件直接转码，把转码后的视频放到项目中，就可以播放了。完美解决。

软件下载地址：https://download.youkuaiyun.com/download/l_s_r/11517390

重启电脑后桌面：