视频播放功能后端代码（jsp）

今天给大家用jsp写个视频播放的功能，以后在项目中用到视频播放可直接套用。

1 .可以先把所需要的js插件添加到项目中，如下图：

图1

其中，rczpsystem为我的项目名，video5.18.4.js就是插件的文件，文件可到这儿直接下载：
链接: https://pan.baidu.com/s/19frx2z-_n-eYr4DzJLMHmA
提取码: qv45
然后把它粘贴到项目中。

2.把插件引入到所需页面中：

<link href="/rczpsystem/video5.18.4.js/css/video-js.css" rel="stylesheet">
<!-- If you'd like to support IE8 -->
<script src="/rczpsystem/video5.18.4.js/js/videojs-ie8.min.js"></script>
<script src="/rczpsystem/video5.18.4.js/js/video.min.js"></script>	

3.编写视频模块代码

在这儿，只写功能代码，其他前端代码不进行提供。

<video id="my-video" class="video-js" controls preload="auto" width="800" height="450"
		  poster="MY_VIDEO_POSTER.jpg" data-setup="{}">
#三种视频格式，其中flashname是从后台数据库获取到的id，可以得到具体播放的视频的id，代码为<% String flashname = request.getParameter("flashname");	%>
		<source src="upfile/<%=flashname%>" type="video/mp4">   
		<source src="upfile/<%=flashname%>"  type="video/webm">
		<source src="upfile/<%=flashname%>"  type="video/ogg"> 
#以下可以测试视频在本地，功能是否可用
<!-- <source src="/rczpsystem/upfile/201905231250377392.mp4" type="video/mp4"> -->			
</video>
		  			
		  			<script type="text/javascript">
						var myPlayer = videojs('my-video');
						videojs("my-video").ready(function(){
							var myPlayer = this;
							myPlayer.play();
						});
					</script>

到这儿，就可以播放了，注意如果是本地的话路径要弄对。