JSP页面实现播放视频功能

这篇博客分享了如何在JSP页面中实现在线观看视频的功能,提供了多种视频格式(如avi、mpg、rm、wmv)的播放代码示例,包括不同播放器的配置参数,如自动播放、循环播放等设置。
摘要由CSDN通过智能技术生成

    生活不狂,菜鸟不狂,大家好,我是互联网小菜鸟,最近菜鸟在实训,用struts2写网页,想加入一个网页在线观看视频的功能,于是就找啊找啊,终于找见解决方法了,下面与大家一起分享一下。

    以下代码直接放在<body></body>中
在网站中插入media视频的代码- -
<OBJECT id=WMP height=320 standby=Loading... width=332 classid=clsid:6BF52A52-394A-11D3-B153-00C04F79FAA6>
< PARAM NAME="URL" VALUE="影片地址">
<PARAM NAME="rate" VALUE="1">
< PARAM NAME="balance" VALUE="0">
< PARAM NAME="currentPosition" VALUE="0"><PARAM NAME="playCount" VALUE="1">
< PARAM NAME="autoStart" VALUE="0">
< PARAM NAME="currentMarker" VALUE="0">
< PARAM NAME="invokeURLs" VALUE="-1">
< PARAM NAME="baseURL" VALUE="">
< PARAM NAME="volume" VALUE="50">
< PARAM NAME="defaultFrame" VALUE="">
< PARAM NAME="mute" VALUE="0">
< PARAM NAME="uiMode" VALUE="full">
< PARAM NAME="stretchToFit" VALUE="0">
< PARAM NAME="windowlessVideo" VALUE="0">
< PARAM NAME="enabled" VALUE="-1">
< PARAM NAME="enableContextMenu" VALUE="-1">
< PARAM NAME="fullScreen" VALUE="0">
< PARAM NAME="SAMIStyle" VALUE="">
< PARAM NAME="SAMILang" VALUE="">
< PARAM NAME="SAMIFilename" VALUE="">
< PARAM NAME="captioningID" VALUE="">
< /OBJECT>
说明:
1、选取代码后放到你网页的任意位置,width="视频宽度" ,height="视频高度";
2、<param name="AutoStart" value="0">:value="0"时为不自动播放,“1”为自动播放;
3、<param name="PlayCount" value="0">:value="0"时为循环播放,value="1"为播放1次。
也可以用以下代码:
<EMBED src="http://diy.china001.com/telecom2/business.wmv" width="499" height="356" type="audio/x-wav" loop="false" ></EMBED>
loop="true" 表示循环播放,loop="false" 表示不循环播放;
表示自动播放,表示不自动播放。

在线播放器代码大全
1.avi格式

<object id="video" width="400" height="200" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
< param name="ShowDisplay" value="0">
< param name="ShowControls" value="1">
< param name="AutoStart" value="1">
< param name="AutoRewind" value="0">
< param name="PlayCount" value="0">
< param name="Appearance value="0 value=""">
< param name="BorderStyle value="0 value=&

  • 2
    点赞
  • 25
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
实现jsp视频播放四宫格,您可以按以下步骤操作: 1. 在jsp页面中添加一个包含四个视频播放器的div容器,设置样式为四宫格布局。 2. 使用HTML5的video标签嵌入四个视频,设置每个视频的src属性为对应视频的URL地址。 3. 使用JavaScript编写代码,实现四个视频的同时播放和暂停,以及点击一个视频时,其他三个视频暂停的功能。 以下是实现四宫格视频播放的示例代码: ```html <!DOCTYPE html> <html> <head> <title>四宫格视频播放</title> <style> .grid-container { display: grid; grid-template-columns: repeat(2, 1fr); grid-template-rows: repeat(2, 1fr); grid-gap: 10px; } .grid-item { border: 1px solid #ccc; padding: 10px; } </style> </head> <body> <div class="grid-container"> <div class="grid-item"> <video id="video1" width="320" height="240" controls> <source src="video1.mp4" type="video/mp4"> </video> </div> <div class="grid-item"> <video id="video2" width="320" height="240" controls> <source src="video2.mp4" type="video/mp4"> </video> </div> <div class="grid-item"> <video id="video3" width="320" height="240" controls> <source src="video3.mp4" type="video/mp4"> </video> </div> <div class="grid-item"> <video id="video4" width="320" height="240" controls> <source src="video4.mp4" type="video/mp4"> </video> </div> </div> <script> var video1 = document.getElementById("video1"); var video2 = document.getElementById("video2"); var video3 = document.getElementById("video3"); var video4 = document.getElementById("video4"); video1.addEventListener("play", function() { video2.pause(); video3.pause(); video4.pause(); }); video2.addEventListener("play", function() { video1.pause(); video3.pause(); video4.pause(); }); video3.addEventListener("play", function() { video1.pause(); video2.pause(); video4.pause(); }); video4.addEventListener("play", function() { video1.pause(); video2.pause(); video3.pause(); }); </script> </body> </html> ``` 在上面的示例代码中,我们使用了HTML5的video标签嵌入了四个视频,使用了CSS的grid布局实现了四宫格的布局。同时,使用了JavaScript编写了代码,实现了四个视频的同时播放和暂停,以及点击一个视频时,其他三个视频暂停的功能

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值