`
Action-人生
  • 浏览: 105777 次
  • 性别: Icon_minigender_1
  • 来自: 南京
社区版块
存档分类
最新评论

网页中嵌入视频播放器

阅读更多
http://blog.csdn.net/estelle_belle/article/details/11471957
有时候我们会有这样的需求,在网页中嵌入视频播放器,以播放我们的服务器端的视频,下面我将代码贴出来:
嵌入快播播放器:
<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);"  onclick="play('F:\\30230201\\02-52-01.AVI')";>文件1</a></li>  
                     <li><a href="javascript:void(0);"  onclick="play('F:\\Movie\\NewMovie\\失恋33天_DVD.rmvb')";>失恋33天</a></li>  
                     <li><a href="javascript:void(0);"  onclick="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;  
    }  
}  
分享到:
评论

相关推荐

    在网页中嵌入视频播放器

    ### 在网页中嵌入视频播放器 随着互联网技术的发展,越来越多的人希望能在自己的网页上添加视频功能,以丰富页面内容并提升用户体验。本文将详细介绍如何在网页中嵌入视频播放器,包括使用的代码示例、关键参数解释...

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

    在网页中嵌入视频播放器是一项常见的任务,尤其在多媒体内容丰富的现代网页设计中。这里主要讨论的是如何在网页中嵌入QuickTime播放器以及相关的技术细节。 首先,要理解QuickTime播放器的工作原理。QuickTime是一...

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

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

    网页中嵌入Flash播放器

    本主题将深入探讨“网页中嵌入Flash播放器”的相关知识点。 首先,我们来理解什么是Flash。Adobe Flash是一种矢量图形和多媒体平台,它允许开发人员创建交互式富媒体内容,包括游戏、动画和应用程序,这些内容可以...

    flvplayer网页视频播放器

    - **简单易用**:FLVPlayer的使用极其简单,无需复杂的编程知识,只需要几步设置即可在网页中嵌入视频播放器,极大地降低了技术门槛。 - **酷炫界面**:FLVPlayer提供了多种皮肤和界面样式,可以自定义调整,使...

    在jsp中嵌入视频播放器

    ### 在JSP中嵌入视频播放器:详细解析与实现 #### 一、引言 随着互联网技术的发展,多媒体内容在网络应用中的地位日益凸显。在众多的Web开发框架和技术栈中,JavaServer Pages (JSP) 作为一种常用的技术手段,被...

    网页视频播放器代码大全.pdf

    总结来说,这份文件是一个关于如何在网页中嵌入视频播放器的详细说明,包含了各种视频格式和浏览器的兼容性解决方案。虽然其中的技术在现代网页开发中已经较少使用,但了解这些历史技术对于维护老的网页和理解网页...

    网页带列表视频播放器

    在实际应用中,网页带列表视频播放器的使用步骤可能包括以下几个部分: 1. **安装与集成**:将MediaFront-OsmPlayer的代码库引入到网页项目中,通常涉及下载或克隆源代码,然后根据项目需求进行适当的配置。 2. **...

    在jsp中嵌入flv视频播放器

    在JSP中嵌入FLV视频播放器:深入解析与实践 标题:“在jsp中嵌入flv视频播放器” 描述:“在jsp中嵌入FLV视频播放器,可以模拟视频播放网站。” 本文将深入探讨如何在JSP(JavaServer Pages)页面中嵌入FLV格式的...

    网页视频播放器酷播迷你免费网页视频播放器-xw素材网

    网页视频播放器是互联网上广泛使用的工具,它们允许用户在网页上流畅地观看视频内容而无需离开当前页面。酷播迷你免费网页视频播放器是一款专为此目的设计的应用,尤其适用于网站开发者和内容发布者,他们希望提供高...

    网页中嵌入Flash视频

    2. **准备Flash内容**: 创建一个SWF文件,这通常是由Adobe Flash Professional等工具制作的视频播放器。确保设置正确的尺寸、背景颜色和其他属性。 3. **创建HTML容器**: 在HTML页面上预留一个空的`&lt;div&gt;`元素,...

    mp4player网页视频播放器

    本文将深入探讨“mp4player”这个网页视频播放器,包括其核心特性、工作原理以及如何在网页中实现播放功能。 **1. mp4player概述** “mp4player”是一款专注于MP4格式的网页视频播放器,它以其简洁的源码和友好的...

    网页版flv视频播放器+代码

    总的来说,这个压缩包提供了在网页中嵌入并控制FLV视频播放的工具,尽管FLV格式已不那么流行,但理解其工作原理对于理解视频播放器的构建和老项目的维护仍然有价值。如果你计划使用或学习这个播放器,建议深入研究源...

    网页中插入视频播放代码全集

    网页中插入视频播放代码全集是指在网页中嵌入视频播放器,播放各种格式的视频文件,包括avi、mpg、rm、wmv等格式。本文将详细介绍网页中插入视频播放代码全集,包括avi格式、mpg格式、rm格式、wmv格式等多种格式的...

    网页中插入视频播放器代码全集

    ### 网页中插入视频播放器代码全集 在现代网页设计中,视频内容的嵌入变得越来越普遍。为了适应不同的视频格式和播放需求,开发者们常常需要掌握多种视频播放器的插入方法。本文将详细介绍如何在网页中插入不同格式...

    jsp网页视频播放器

    【jsp网页视频播放器】是基于Java技术实现的网页视频播放解决方案,主要应用于网页中嵌入视频内容,为用户提供流畅、便捷的视频观看体验。在Java Server Pages (JSP) 技术框架下,开发者可以利用特定的库和组件创建...

    html嵌入vlc播放器

    web嵌入vlc 浏览器版本 ff小于52 chrome小于46 ie需要自己检测一下

    网页嵌入式视频播放器.

    ### 知识点详解:网页嵌入式视频播放器 #### 一、概述 网页嵌入式视频播放器是一种能够实现实时视频流传输的技术,它使得用户可以在任何时间、任何地点通过访问特定的网页来查看实时视频内容。这项技术不仅能够应用...

Global site tag (gtag.js) - Google Analytics