如何在自己的网页上加入视频播放器?如何调用视频文件

设计网页时我需要在网页中设计一个播放器,然后通过他能调用上传的视频文件.

<IFRAME style="WIDTH: 592px; HEIGHT: 204px" src="包含视频的网页.htm" frameBorder=1 scrolling=yes></IFRAME>

在网页插入视频播放器代码

一、插入RealPlayer ActiveX对象(如果要进行测试,需要先安装RealPlayer播放器)
假定以下代码包含在video.php文档中(该文件将在主页面中通过<iframe>进行链接)。
<object width="320" height="250" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" value="ImageWindow">
<param name="CONSOLE" value="Video">
<param name="CENTER" value="TRUE">
<param name="MAINTAINSPECT" value="TRUE">
</object> //定义播放界面
<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" value="StatusBar">
<param name="CONSOLE" value="Video">
</object> //定义状态栏
<object width="320" height="30" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="CONTROLS" value="ControlPanel"><param name="CONSOLE" value="Video">
<param name="SRC" value="<?php echo getsrc(); ?>">
<param name="AUTOSTART" value="TRUE">
<param name="PREFETCH" value="0">
<param name="LOOP" value="0">
<param name="NUMLOOP" value="0">
</object> //定义控制面板
其中,CONTROLS参数用来指定播放器的控件外观,可以用多个控件进行组合,并通过CONSOLE参数进行关联。
有关param参数,读者可以参阅RealPlayer官方网站http://service.real.com/help/library/guides/production/htmfiles/control.htm
这里的SRC参数尤为重要,用来指定视频流文件的URL地址。这里笔者使用PHP代码的方法动态的指定SRC,读者也可以使用其它如ASP,或完全过 JavaScript 实现。

二、使用DHTML动态控制RealPlayer控件的播放
小技巧:<IFRAME>的妙用。由于为RealPlayer控件指定新的SRC需要刷新页面,使用<IFRAME>可以把RealPlayer控件嵌入到单独的页面中,这样,动态刷新就是在<IFRAME>内进行,不会影响用户观看页面其它内容。
以下代码包含在主页面中:
<IFRAME id="iVideo" SRC="video.php" Width=500 Height=345 frameborder=0 SCROLLING="no">
</IFRAME>,其中,video.php文件用力显示RealPlayer控件。
下面我们加入简单的JavaScript 代码用来控制视频的播放。
<script language="JavaScript">
function play(filename){
top.document.all("iVideo").src = "video.php?src="+filename;
} // iVideo 是刚刚定义的IFRAME 的标识符
</script>
我们可以使用javascript控制RealPlayer插件更复杂的功能,如提取视频的长宽、测试用户的网络速率、自定义播放事件等等。关于RealPlayer ActiveX开发的具体细节,请参阅RealPlayer官方网站http://service.real.com/help/library/guides/extend/embed.htm
我们假设有一个视频文件,其URL为http://YourURL/filename.ram,那么我们就可以这样定义:
<a href="JavaScript:play('http://YourURL/filename.ram')">文件1</a>,如果文件是在本地,URL也可以为相对路径。

三、检测用户是否安装RealPlayer播放器
在页面的<head></head>部分加入以下JavaScript代码,用以检测用户是否安装RealPlayer播放器:
<SCRIPT LANGUAGE=JavaScript>
<!--
var RealMode=0;
var RealPlayer5=0;
var RealPlayer4=0;
var RealPlayerG2=0;
if (navigator.userAgent.indexOf("MSIE")< 0 ){
numPlugins = navigator.plugins.length;
for (i = 0; i < numPlugins; i++){
plugin = navigator.plugins[i];
if (plugin.name.substring(0,10)=="RealPlayer"){
RealMode=1;
}
}
}
//以下代码通过VBScript的CreateObject()函数动态的创建RealPlayer对象
document.write('<SCRIPT LANGUAGE=VBScript\> \n');
document.write('on error resume next \n');
document.write('RealPlayerG2 = (NOT IsNull(CreateObject("rmocx.RealPlayer G2 Control")))\n');
document.write('RealPlayer5 = (NOT IsNull(CreateObject("RealPlayer.RealPlayer(tm) ActiveX Control (32-bit)")))\n');
document.write('RealPlayer4 = (NOT IsNull(CreateObject("RealVideo.RealVideo(tm) ActiveX Control (32-bit)")))\n');
document.write('</SCRIPT\> \n');
if ( RealPlayerG2 || RealPlayer5 || RealPlayer4 ){
//可以在此处添加<object>对象
}else if ( RealMode ){ //NetScape浏览器用户
//可以在此处加入<embed>对象
}else
{
window.location.replace("install.htm"); //转入install.htm页面指导用户进行安装
}
-->
</Script>

四、应用实例
<object classid=clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA width=300 height=225>
<param name=src value=../kjsk/img/sp1.rm>
<param name=console value=clip1><param name=controls value=imagewindow>
<param name=autostart value=true>
<embed src="../kjsk/img/sp1.rm" width="300" height="225" autostart="true" console="clip1" controls="imagewindow"></embed>
</object>
<br>
<object classid=clsid:cfcdaa03-8be4-11cf-b84b-0020afbbccfa height=32 width=300>
<param name=src value=../kjsk/img/sp1.rm>
<param name=controls value=controlpanel>
<param name=console value=clip1>
;
<embed src="../kjsk/img/sp1.rm" width="300" height="32" controls="controlpanel" console="clip1"></embed>
</object>
温馨提示:内容为网友见解,仅供参考
第1个回答  2006-11-22
以下是msn空间的Windows Media Player PowerToy教学,不知是否适用:

主旨:使用 Windows Media Player PowerToy 模组 加上背景音乐或影片 ·不用再使用克难语法贴上背景音乐,把<img dynsrc="">丢掉罗..
·有缓冲功能,所以不需要再刻意转成小档
·不用每次换音乐时,还要修改网志
·具有拨放控制列,可以让使用著调整音量等
·可以设定是否自动播放

Step by Step 教学:
·先登入到编辑模式(编辑您的分享空间)里,在网址列的网志后方加上&powertoy=musicvideo,按下Enter重新读取网页
1.PS.不是网志编辑模式
2.网页重新读取完毕之后,按〔自订〕→〔模组〕→〔建立PowerToy: Windows Media Player〕→〔按储存〕,新增模组完毕..^^
3.接下来就可以设定你的音乐网址、播放次数、播放控制列显示模式、是否自动播放,最后不要忘记按下储存罗....^^ (支援的最后网址字串:WMA,WMV,WAV,AVI,MPG,MPEG,MP3)
4.后你/你的MSN Spaces里也有 Windows Media Player 模组罗...

官方引述
PowerToys are here!!!Windows Media Player PowerToy:The Media Player Power Toy is designed to allow you to play audio and video files within your Space. While editing your Space specify the URL of a Media file located on the web in the Media Power Toy and hit Save. This will allow the people viewing your Space to watch or listen to the media file you have linked. You can customize the experience even more by altering the player settings (like auto start, times to play, and player mode) while editing your Space.Please note that this PowerToy, like the others, is available in English ONLY for now and is UNSUPPORTED. This feature is to be used for authorized content only. Please respect the creative efforts and intellectual property of others, and do not link to unauthorized materials. Linking to unauthorized material is a violation of the Spaces Code of Conduct and Terms of Use.Follow these steps to add this Power Toy to your Space:
1.Log into Passport and Edit your Space.
2.In the Address bar of your web browser add the text “&powertoy=musicvideo” to the end of the displayed URL.
3.Click the Go button next to your web browser address bar.
4.Once the page has finished reloading, click on the Customize tab in your Space.
5.In the Modules drop down menu in the Customize tab there should be a listing for PowerToy: Windows Media Player. Click the word Add next to it and then click the Save button.

Q&A:1.放在硬碟里的音乐或影片要如何变成网址?看使用CASTPOST上传mp3音乐档案教学 或 Xuite 日志空间教学 ~ mp3,wmv,swf 都放这啦~!
2.如果还是没看到PowerToy: Windows Media Player模组? 请先换成英文语系,完再换回中文语系
3.要无限重复播放? 就把Times to play 设大一点...如1000次..
4.可以放Flash小时钟吗? 请把你的flash副档名(.swf)改成如(.wmv)可接受的副档名即可..(也就是说改完副档名,再上传你的flash档,此时的的副档名应该是(.wmv),上传之后,找到你的档案网址,复制到URL空格就行了)

如何在自己的网站上放视频?
1、右键单击视频,点击“复制视频网址”,把网址复制下来后,用下载器下载就好了。2、如果复制不了视频网址,则右键单击有视频的网页空白处,然后点击“查看源文件”。3、在文本中按“ctrl+F”,输入一些常见的视频格式,如“.avi”、“.mp4”、“.wmv”。如果你知道你想要下载的视频是什么格式就可以...

如何在自己的网页上加入视频播放器?如何调用视频文件
我们假设有一个视频文件,其URL为http:\/\/YourURL\/filename.ram,那么我们就可以这样定义:文件1,如果文件是在本地,URL也可以为相对路径。三、检测用户是否安装RealPlayer播放器 在页面的部分加入以下JavaScript代码,用以检测用户是否安装RealPlayer播放器:<SCRIPT LANGUAGE=JavaScript> <!-- var RealMod...

如何在网页中播放视频
开启网页视频小窗口播放功能,通常可以通过点击视频播放界面上的“小窗口播放”或“画中画”按钮来实现。1. 寻找“小窗口播放”或“画中画”按钮 在观看网页视频时,通常可以在视频播放器的控制栏上找到一个“小窗口播放”或“画中画”的按钮。这个按钮可能被标记为一个方形或矩形的图标,或者在鼠标悬停时...

在网页设计中怎样插入视频播放器
1、打开用于网页设计的Hbuilder,在项目管理器中放置mp4格式的视频以后,点击index.html进入。2、在这里通过图示的命令来建立一个HTML5的文件。3、这个时候添加video元素就可以插入视频了,需要用autoplay设置自动播放,controls设置控制栏。4、下一步,用source可以连接对应的视频资源,注意路径不要写错。5、...

如何在网页中插入视频?
1、首先打开sublime编译器,创建一个.html文件;2、在title标签之间写上标题的名称,例如视频播放器;3、在body标签对的之间插入标签;4、设置视频窗口的大小,在video标签添加width和height属性;5、在video标签之间添加source播放源及其地址运行后就会出现视频窗口;6、在source和video标签之间写上"您的浏览...

如何在网页中播放视频?
首先,HTML5的video标签是最简单和最常见的方式。你只需在HTML代码中添加一个video标签,然后通过src属性指定视频文件的路径。例如:您的浏览器不支持Video标签。这段代码会在支持的浏览器中显示一个视频播放器,用户可以点击播放、暂停等控制按钮。如果浏览器不支持video标签,就会显示标签内的文字。其次,...

HTML怎么引入视频
如何在网页上插入视频(用html制作)1、直接插入即可或者在代码区域插入视频地址即可。2、首先打开sublime编译器,创建一个.html文件。然后在title标签之间写上标题的名称,这里输入视频播放器。接着在body标签对的之间插入video标签。然后设置视频窗口的大小,在video标签添加width和height属性。3、在html中加入...

如何将网页中的视频加入视频播放器?
想把网页中的视频加入视频播放器那就得先获取视频地址是吧,其实这个地址可以找到,但是比较麻烦,一般是隐藏在css里面,你可以保存网页然后用DW打开,在css里面查找swf等视频格式的后缀,找到后再添加到播放器里,完成。

怎样在网页上播放视频
第一步你换到其它设备看是否有同样的问题,排除视频本身的原因。第二步你换一个其它的播放器,看是否已经解码。排除是播放器的原因。第三步检查一下你的显卡是否安插到位。第四步你系统可能损坏,建议还原一下系统。在网页上播放视频需要安装fish插件才能实现,安装插件后自要进入视频网站,点击播放就...

网页如何播放mp4文件
在网站设计中,要实现MP4文件的播放,关键在于引入合适的播放器代码。首先,确认你选择的播放器是否支持MP4格式,确保其兼容性和性能。常见的播放器有HTML5的video标签,Adobe Flash插件,以及专门的第三方播放器如Video.js或JW Player。使用HTML5的video标签是最直接的方法,只需将video元素插入HTML文件,...

相似回答