html页面显示播放视频

小灰灰 2022-10-01 14:52 421阅读 0赞

首先 先引入 播放器的js包。点击下载： 下载地址

然后把下载到的东西解压后放到webcontent里面。

首先想要播放视频的页面要引入这个js 具体引入地址看自己吧上面js放入的位置，不多说、

然后把你需要播放的文件找一个地方存储着。这个路径需要在tomcat的 server.xml里面映射一下。例如我的视频在F盘，我就要在里面加上这句话

这样访问F盘video目录的时候我就可以直接 写/video

然后加上 页面上加上此段script

  1. <script type="text/javascript">
  2.     //创建播放器对象
  3.     var player = new SWFObject('../player/player.swf','jw','470','425','9','#ffffff');
  4.     player.addParam('allowfullscreen','true');
  5.     player.addParam('allowscriptaccess','always');
  6.     player.addParam('wmode','opaque');
  7.     //player.addParam('flashvars','type=http&streamer=http://127.0.0.1:8080/video&file=1.mp4&bufferlength=20&stretching=uniform&repeat=always&autostart=true'); 
  9.     player.addParam('flashvars','file=http://127.0.0.1:8080/video/1.mp4&bufferlength=20&stretching=uniform&repeat=always&autostart=true');
  10.     //player.addParam('flashvars','image=../player/edition/logo.jpg&file=E:/video/186.mp4&bufferlength=20&stretching=uniform&repeat=always&autostart=true'); 
  11.     //player.file='E:/video/186.flv'; 
  12.     player.write('player');
  13. </script>

这里的路径

  1. player.addParam('flashvars','file=http://127.0.0.1:8080/video/1.mp4&bufferlength=20&stretching=uniform&repeat=always&autostart=true');

就是刚刚你配置的文件的地址，后面是文件的名字

  1. autostart=true这个是自动播放，这样基本就搞定了。可以试试。

发表评论

表情：
评论列表 （有 0 条评论，421人围观）

还没有评论，来说两句吧...

相关阅读

    相关 html 视频播放相关

    h5视频微信禁止全屏 x5-playsinline 目前安卓QQ浏览器允许wifi下自动播放、手机QQ允许自动播放、微信不允许自动播放。 可以通过＊＊x5videoent

    悠悠悠悠/ 0 赞/ 132 阅读

    相关 html页面显示播放视频

    首先 先引入 播放器的js包。点击下载： [下载地址][Link 1] 然后把下载到的东西解压后放到webcontent里面。 首先想要播放视频的页面要引入这个js  <s

    小灰灰小灰灰/ 0 赞/ 422 阅读

    相关 html5自动播放视频

    html5可以直接播放视频。就用标记`<video>`即可，真好。 可是怎么自动播放视频？ 不是有"autoplay"吗？但是，无效。任凭你设属性，或是`video.pla

    男娘i男娘i/ 0 赞/ 572 阅读