有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来:

嵌入快播播放器:

<table width="100%" align="left">
<tr>
<td width="320px">
<div class="box1"  panelTitle="文件列表" panelHeight="450" panelWidth="320" overflow="auto">
文件列表:
<li><a href="javascript:void(0);"  οnclick="play('F:\\30230201\\02-52-01.AVI')";>文件1</a></li>
<li><a href="javascript:void(0);"  οnclick="play('F:\\Movie\\NewMovie\\失恋33天_DVD.rmvb')";>失恋33天</a></li>
<li><a href="javascript:void(0);"  οnclick="play('F:\\Movie2\\毕加猪.AVI')";>毕加猪</a></li>
</div>
</td>
<td align="left">
<div panelHeight="450" panelTitle="视频播放" overflow="auto">
<object classid="clsid:F3D0D36F-23F8-4682-A195-74C92B03D4AF" width="560" height="430" id="QvodPlayer" name="QvodPlayer" onError="downLoadQvod();">
<param name="url" id="qvodurl0" value="">
<param name="Autoplay" value="1">
<param name="Showcontrol" value="1">
</object>
</div>
</td>
</tr>
</table>  

快播播放器相应的js控制代码:

<Script Language="JavaScript" src="">
setInterval(show1,5000);//5s显示一次下载进度
var bstartnextplay = false;
function show1()
{
var pos = QvodPlayer.get_CurTaskProcess()/10;
alert(pos);
if(pos > 60)
{
StartNextDownFile();
}
var posv = "当前下载进度为:  "+ pos.toString(10) + "%";
var mediaInfo1 = document.getElementById("mediaInfo");
mediaInfo1.innerText = posv;
}
function PointPlay(playername)
{
//alert(QvodPlayer);
QvodPlayer.URL = playername;
QvodPlayer.Play();
}
function Stop()
{
QvodPlayer.Stop();
}
function Pause()
{
QvodPlayer.Pause();
}
function Play()
{
QvodPlayer.Play();
}
function GetS()
{
var iv;
var is = QvodPlayer.PlayState;
alert(is);
//alert(iv);
}
function putview()
{
var v = 0;
QvodPlayer.put_viewframe(v);
}
function puttrack(v)
{
QvodPlayer.put_soundtrack(v);
}
function putAdjustVideo(v)
{
QvodPlayer.put_AdjustVideo(v);
}
function putfull()
{
var v = true;
QvodPlayer.Full = v;
}
var mute = false;
function putmute()
{
if(mute)
{
mute = false;
QvodPlayer.Mute = mute;
}
else
{
mute = true;
QvodPlayer.Mute = mute;
}
}
function curpos()
{
var pos = 0;
pos  = QvodPlayer.Currentpos;
alert(pos);
}
function setpos(pos)
{
QvodPlayer.Currentpos = pos;
}
function setvolue(pos)
{
QvodPlayer.Volume = pos;
}
function OnLoad()
{
//  alert(document.protocol);
//var i = document.uniqueID;
var i = navigator.appName;
var b = navigator.userAgent;
}
function get_MainInfo()
{
var filename ;
filename="this";
filename = QvodPlayer.get_MainInfo();
alert(filename);
}
function get_TaskDown()
{
var taskdown1 = QvodPlayer.get_CurTaskProcess();
alert(taskdown1);
}
function StartNextDownFile()
{
alert(QvodPlayer.get_CurTaskProcess());
if(QvodPlayer.get_CurTaskProcess() > 600 && !bstartnextplay)
{
var url = 'qvod://69999035|DBE1429630008370A3F01A38FC0C741ED648E9C0|香格里拉01.rmvb|';
var rv = QvodPlayer.StartNextDown(url);
bstartnextplay = true;
}
}

快播其他相应的操作及简介参见:http://bbs.kuaibo.com/thread-592-1-1.html

MediaPlayer网页播放器代码:

          <form name="myform" id="myform">
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,1,5,217"
id="MediaPlayer" name="MediaPlayer" type=application/x-oleobject width="580" height="420"
standby="Loading Microsoft Windows Media Player components..."
VIEWASTEXT align="middle">
<!--播放的文件地址-->
<param name="Filename" value="ftp://192.168.1.254/02-52-01.AVI" valuetype="ref" id="aaa"/>
<!--是否自动调整播放大小-->
<param name="AutoSize" value="0" />
<!--是否自动播放-->
<param name="AutoStart" value="1" />
<param name="AudioStream" value="-1" />
<param name="AnimationAtStart" value="0" />
<param name="AllowScan" value="-1" />
<param name="BaseURL" value="" />
<param name="AllowChangeDisplaySize" value="0" />
<param name="AutoRewind" value="0" />
<!--左右声道平衡,最左-9640,最右9640-->
<param name="Balance" value="0" />
<!--缓冲时间-->
<param name="BufferingTime" value="5" />
<param name="CaptioningID" value="" />
<param name="ClickToPlay" value="0" />
<param name="CursorType" value="32512" />
<!--当前播放进度 -1 表示不变,0表示开头 单位是秒,比如10表示从第10秒处开始播放,值必须是-1.0或大于等于0-->
<param name="CurrentPosition" value="-1" />
<param name="CurrentMarker" value="0" />
<param name="DefaultFrame" value="1" />
<param name="DisplayBackColor" value="0" />
<param name="DisplayForeColor" value="16777215" />
<param name="DisplayMode" value="0" />
<!--视频1-50%, 0-100%, 2-200%,3-全屏 其它的值作0处理,小数则采用四舍五入然后按前的处理-->
<param name="DisplaySize" value="0" />
<param name="Enabled" value="-1" />
<!-- 是否用右键弹出菜单控制-->
<param name="EnableContextMenu" value="-1" />
<param name="EnablePositionControls" value="0" />
<param name="EnableFullScreenControls" value="0" />
<!--是否允许拉动播放进度条到任意地方播放-->
<param name="EnableTracker" value="1" />
<param name="InvokeURLs" value="-1" />
<param name="Language" value="-1" />
<!--是否静音-->
<param name="Mute" value="0" />
<!--重复播放次数,0为始终重复-->
<param name="PlayCount" value="1" />
<param name="PreviewMode" value="0" />
<!--播放速率控制,1为正常,允许小数-->
<param name="Rate" value="1" />
<!--SAMI样式-->
<param name="SAMIStyle" value="" />
<!--SAMI语言-->
<param name="SAMILang" value="" />
<!--字幕ID-->
<param name="SAMIFilename" value="" />
<!--是否显示字幕,为一块黑色,下面会有一大块黑色,一般不显示-->
<param name="ShowCaptioning" value="0" />
<!--是否显示控制,比如播放,停止,暂停-->
<param name="ShowControls" value="-1" />
<!--是否显示音量控制-->
<param name="ShowAudioControls" value="-1" />
<!--显示节目信息,比如版权等-->
<param name="ShowDisplay" value="0" />
<!--是否启用上下文菜单-->
<param name="ShowGotoBar" value="0" />
<!--是否显示往前往后及列表,如果显示一般也都是灰色不可控制-->
<param name="ShowPositionControls" value="-1" />
<!-- 默认是1 -->
<!--当前播放信息,显示是否正在播放,及总播放时间和当前播放到的时间-->
<param name="ShowStatusBar" value="-1" />
<!-- 默认是1 -->
<!--是否显示当前播放跟踪条,即当前的播放进度条-->
<param name="ShowTracker" value="-1" />
<!-- 默认是1 -->
<!--显示部的宽部,如果小于视频宽,则最小为视频宽,或者加大到指定值,并自动加大高度.此改变只改变四周的黑框大小,不改变视频大小-->
<param name="VideoBorderWidth" value="0" />
<!--显示黑色框的颜色, 为RGB值,比如ffff00为黄色-->
<param name="VideoBorderColor" value="0" />
<!--音量大小,负值表示是当前音量的减值,值自动会取绝对值,最大为0,最小为-9640-->
<param name="Volume" value="-1070" />
<!--如果是0可以允许全屏,否则只能在窗口中查看-->
<param name="WindowlessVideo" value="0" />
<param name="TransparentAtStart" value="-1" />
<!-- 默认是0 -->
<param name="VideoBorder3D" value="0" />
<param name="SelectionStart" value="0" />
<param name="SelectionEnd" value="true" />
<param name="SendOpenStateChangeEvents" value="-1" />
<param name="SendWarningEvents" value="-1" />
<param name="SendErrorEvents" value="-1" />
<param name="SendKeyboardEvents" value="0" />
<param name="SendMouseClickEvents" value="0" />
<param name="SendMouseMoveEvents" value="0" />
<param name="SendPlayStateChangeEvents" value="-1" />
</object>
</form>

JS控制播放代码:

 function play(path){
var frm=document.getElementById("myform");
frm.MediaPlayer.Filename=path;
frm.MediaPlayer.Play();
}

网页中嵌入视频播放器代码相关推荐

  1. 网页中嵌入视频播放器

    有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来: 嵌入快播播放器: <table width="100%" align=&q ...

  2. 网页中嵌入电视直播代码

    网页中嵌入电视直播代码 1 2 3 4 5 6 7 8 9 10 11 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona ...

  3. 在网页中嵌入播放器,PDF,Word,Excel,PPT的方法

    在网页中嵌入播放器,PDF,Word,Excel,PPT的方法 在HTML加入Object或者Embed标签 <object  classid="clsid:CA8A9780-280D ...

  4. 如何在网页中嵌入播放器

    谈谈网页中如何加入音乐播放器,主要的方法有下面这么三种: 1.直接代码法 这种方法最简单,只要将代码插入你想放置播放器的地方即可,但是它的缺点很显著,如果你的 网站有多个网页,音乐播放器只在你加入代码 ...

  5. java web 嵌套播放器_网页中嵌套视频播放器

    刚做完一个项目,其中有个视频播放的,其实网上的代码都没有错,但感觉不详细,特别是播放文件的路径,有本地的,有当前项目中的,有网络上的,网上很多,但没有一个说明是哪个路径,这里,经过本人测试,不多说了, ...

  6. 网页中嵌套视频播放器

    刚做完一个项目,其中有个视频播放的,其实网上的代码都没有错,但感觉不详细,特别是播放文件的路径,有本地的,有当前项目中的,有网络上的,网上很多,但没有一个说明是哪个路径,这里,经过本人测试,不多说了, ...

  7. 在网页中嵌入mp3的代码

    <EMBED style="WIDTH: 320px; HEIGHT: 39px" codeBase=http://activex.microsoft.com/activex ...

  8. 网页视频播放器代码大全 + 21个为您的站点和博客提供的免费视频播放器

    推荐 使用 极酷 Web在线播放器. 网页中嵌入视频代码综合全然版 1.avi格式 代码片断例如以下: 程序代码 <objectid="video"width="4 ...

  9. html5网页中加入播放器,向网页中添加 HTML5 视频控件

    爱学习,爱生活,爱编程--希望能帮到你!更多>>> 如何开始使用 采用它的最基本形式,使用 HTML5  video 元素向网页中添加视频播放器是通过一行 HTML 完成的. 添加  ...

最新文章

  1. python工程师薪资坑吗-想转行,是要入坑Python还是Java?这问题还用问?
  2. 10.STM32中用I2C接口发送数据到EEPROM寄存器在从此寄存器读数据
  3. C/C++ 语言中表达式的求值
  4. Spring MVC-04循序渐进之基于注解的控制器
  5. Python3 pymysql连接mysql数据库 windows
  6. h5游戏搭建教程php,H5游戏幻梦西游:笑闹天宫搭建教程及演示
  7. 简单了解Vue的自定义组件与生命周期
  8. Linux赋予目录或文件任何人都可以读、写、执行的操作
  9. COCO和 PASCAL VOC标注格式的学习笔记
  10. Java调用的高德api,通过经纬度查询地址信息 - 记录
  11. python五子棋双人对弈_用python实现双人五子棋(终端版)
  12. Learning Puppet — Manifests
  13. 看腻了杨幂,热巴,快来抓取上千张美女图片,古装美女看个够
  14. 品•文案——聊聊产品文案优化设计
  15. Android-音视频学习系列-(十)基于-FFmpeg-+-OpenSLES-实现音频万能播放器
  16. FristiLeaks_1.3#攻略
  17. 软件定义网络(PART 3)
  18. 【百度】智能音箱尝鲜价竟然才xx元!
  19. 关于“Compiling IB documents for earlier than…”
  20. win10 断针测试软件,修复损坏的系统文件,就用系统文件检查器SFC,简单高效

热门文章

  1. 香港服务器能不能确保数据存储安全?
  2. 次世代游戏建模师一个月的工资有多少?
  3. 第三周总结(2018-03-12~2018-03-16)
  4. 步进电机与伺服电机对比
  5. [kuanbin带我飞]的专题1---简单搜索
  6. 原来当年发葫芦娃种子的才是真正的老司机
  7. 带着问题读源码-soul(2021-01-16)
  8. centos6操作系统升级到centos7
  9. Android中对menu、home、back键的监听
  10. linux常用的指令