如何在自己的网页上加入视频播放器?如何调用视频文件
2个回答
展开全部
<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>
在网页插入视频播放器代码
一、插入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>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
以下是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空格就行了)
主旨：使用 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空格就行了)
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
