html页面显示播放视频

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

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

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

首先想要播放视频的页面要引入这个js  <script type="text/javascript" src="../player/swfobject.js"></script>  具体引入地址看自己吧上面js放入的位置，不多说、

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

<Context path="/video" docBase="f:/video" debug="0" reloadable="true" crossContext="true"></Context>

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

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

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

这里的路径

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

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

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

[Link 1]: http://download.csdn.net/detail/linlinv3/5686567

发表评论取消回复

表情：

评论列表（有 0 条评论，296人围观）

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

相关阅读

相关 HTML5 视频播放

![Center][] 具体代码实现  <!-- <video src=

冷不防/ 2024年02月17日 17:50/ 0 赞/ 49 阅读

相关 html页面多个视频标签时设定只能播放一个视频

html页面经常会出现存在多个视频的情况，点击单个视频时，该视频播放，点击另外一个视频时，需要让正在播放的视频停止，开始播放所点击的新视频。如果不单独设置，就会出现页面同时播放

水深无声/ 2024年02月17日 12:00/ 0 赞/ 47 阅读

相关 rtsp html播放浏览器视频播放rtsp

从摄像机获取的RTSP[视频][Link 1]流直接在浏览器中播放，这里采用vlc插件进行播放，设置步骤如下 1、下载32位的vlc播放器，安装时选择安装插件，安装路径不要有

男娘i/ 2023年10月13日 19:33/ 0 赞/ 50 阅读

相关 html视频爱奇艺播放页面,爱奇艺视频播放列表.html

爱奇艺视频播放列表 \\{ margin: 0; padding: 0; \} .hot\{ margin: 50px auto; width: 1000px;

谁践踏了优雅/ 2022年10月06日 11:00/ 0 赞/ 310 阅读

相关 html5页面嵌入视频播放,使用HTML5在网页中嵌入音频和视频播放的基本方法

HTML5 特性，包括原生音频和视频支持而无需 Flash。 HTML5 和标签让我们给站点添加媒体变得简单。我们只需要设置 src 属性来识别媒体资源，包含 contro

墨蓝/ 2022年10月06日 06:57/ 0 赞/ 272 阅读

相关 html页面显示播放视频

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

小灰灰/ 2022年10月01日 14:52/ 0 赞/ 297 阅读

相关 html5_视频播放

1. 视频播放 <table> <tbody> <tr> <td style="background:rgb(213,213,213);"><p><stro

悠悠/ 2022年05月25日 05:08/ 0 赞/ 383 阅读

相关 html5视频播放

<!DOCTYPE html> <head> <meta charset=utf-8> <title>html5播放器</title>

逃离我推掉我的手/ 2022年03月18日 09:24/ 0 赞/ 423 阅读

相关 html5自动播放视频

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

男娘i/ 2022年03月01日 14:14/ 0 赞/ 422 阅读

相关 HTML视频：视频播放网页

这HTML视频：视频播放网页任务描述相关知识使用HTML5 video元素播放属性嵌入视频网站播放

阳光穿透心脏的1/2处/ 2021年05月16日 20:37/ 0 赞/ 791 阅读