如何在網頁中插入視頻
❶ 如何在網頁中插入視頻文件
<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/proction/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>
❷ 如何在網頁製作里插入本地視頻
汗。。。 傳到網上去
<object align=middle class=OBJECT classid=CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95 height=320 id=MediaPlayer width=356>
<param name="ShowStatusBar" value="-1">
<param name="Filename" value="電影地址">
<embed type=application/x-oleobject codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701 flename=mp src=電影地址 width=356 height=320>
</embed>
</object>
如果你的網頁只是在本地的話
直接<embed src="路徑">
❸ 如何在網頁中插入視頻我要具體步驟。謝謝
把這些放到網頁代碼中，一修改就行了
<embed src="http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv";;
autostart="true" loop="true" width="200" height="150" >
把這個網址http://wmt2.aboutmedia.com.tw/Aboutmedia/warner/mtv/naying-021011_01v_120k.wmv換成你要看的電影就行了
有圖像的rm格式：
<OBJECT classid='clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA' height=288 id=video1 width=305 VIEWASTEXT>
<param name='_ExtentX' value='5503'>
<param name='_ExtentY' value='1588'>
<param name='AUTOSTART' value='-1'>
<param name='SHUFFLE' value='0'>
<param name='PREFETCH' value='0'>
<param name='NOLABELS' value='0'>
<param name='SRC' value='http://media.ct.e.cn/ram/new/xiaoxin1.ram'>
<param name='CONTROLS' value='Imagewindow,StatusBar,ControlPanel'>
<param name='CONSOLE' value='RAPLAYER'>
<param name='LOOP' value='0'>
<param name='NUMLOOP' value='0'>
<param name='CENTER' value='0'>
<param name='MAINTAINASPECT' value='0'>
<param name='BACKGROUNDCOLOR' value='#000000'>
</OBJECT>
無圖像的rm格式：如相聲，歌曲。。。
<object ID='video2' WIDTH='300' HEIGHT='62' CLASSID='CLSID:CFCDAA03-8BE4-11CF-B84B-0020AFBBCCFA'>
<param name='_ExtentX' value='9657'>
<param name='_ExtentY' value='847'>
<param name='AUTOSTART' value='-1'>
<param name='SHUFFLE' value='0'>
<param name='PREFETCH' value='0'>
<param name='NOLABELS' value='0'>
<param name='SRC' value='http://210.242.69.206/ramgen/broadcast/BCC/encoder/hipop.rm'>
<param name='CONTROLS' value='StatusBar,controlpanel'>
<param name='CONSOLE' value='Clip1'>
<param name='LOOP' value='0'>
<param name='NUMLOOP' value='0'>
<param name='CENTER' value='0'>
<param name='MAINTAINASPECT' value='0'>
<param name='BACKGROUNDCOLOR' value='#000000'>
</object>
最簡單的media格式的播放器。。自動識別有無圖像，但是版本是你機器的！
<embed src='mms://61.175.132.221/tv/mtv/f4/makeawish.wmv' width=200 height=200 autostart=true loop=true></embed>
有圖像的media播放器，自動調用網上的插件。
<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=280 height=265 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='http://202.99.11.42/xiangsheng/ymjr.wma'>
<PARAM NAME='UIMode' value='full'><PARAM NAME='AutoStart' value='true'>
<PARAM NAME='Enabled' value='true'>
<PARAM NAME='enableContextMenu' value='false'>
<param name='WindowlessVideo' value='true'></object>
無圖像的media播放器。。。同上。
<object id=nstv classid='CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6' width=280 height=60 codebase=http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=5,1,52,701standby=Loading Microsoft? Windows Media? Player components... type=application/x-oleobject>
<param name='URL' value='http://202.99.11.42/xiangsheng/ymjr.wma'>
<PARAM NAME='UIMode' value='full'><PARAM NAME='AutoStart' value='true'>
<PARAM NAME='Enabled' value='true'>
<PARAM NAME='enableContextMenu' value='false'>
</object>
只是界面不同的media的調插件播放器。。建議不用這個，，你可以看！
<embed src='http://av.wanwa.com/fileroot/AV/Ramfiles/23809.ram' type='audio/x-pn-realaudio-plugin' console='Clip1' controls='ControlPanel,StatusBar' height='60' width='275' autostart='true'></embed>
❹ 如何在網頁中插入視頻
樓主抄您好：
①在D：盤新建一個文件夾（比如：Myweb）
②單擊「開始」→「程序」→「Microsoft FrontPage 」
③單擊「文件」→「打開站點」，選擇查找范圍(比如： Myweb)
④在屏幕窗口右邊輸入文本或插入圖片，然後單擊「文件」→「保存」，保存時文件名為index.htm（提示：主頁文件名約定為Index.htm）
⑤新建其他網頁，請單擊「文件」→「新建」→「空白網頁」或直接單擊工具欄上新建按鈕。
注意，除主頁以外的其它網頁文件名可以自定義，但盡量用英文。 如果已經退出FrontPage，請重復第②～③步，然後雙擊文件夾列表中的相應文件名可以繼續編輯修改。
希望我的回答可以幫助到您。
❺ 如何在網頁中插入本地的視頻。
希望朋友們，你們回答一下，
如何在網頁中插入視頻（視頻所有的格式，代碼）
在網頁中添加背景音樂的代碼，另加按下ESC就退出
❻ 怎麼在HTML網頁中插入視頻
向HTML中插入視頻有兩種方法，一種是古老的object標簽，一種是html5中的video標簽。
前者兼容性相對好些，後者兼容性讓人頭疼。
示例如下：
<video width="602px" height="345px" controls="controls">
<source src="public/video/test.mp4" type="video/mp4"></source>
<source src="public/video/test.ogg" type="video/ogg"></source>
your browser does not support the video tag
</video>
當前，video 元素支持三種視頻格式：
格式 IE Firefox Opera Chrome Safari
Ogg No 3.5+ 10.5+ 5.0+ No
MPEG 4 9.0+ No No 5.0+ 3.0+
WebM No 4.0+ 10.6+ 6.0+ No
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件
註：格式必須符合上面三條詳細要求，比如MPEG 4，必須是H.264視頻和AAC音頻。
(6)如何在網頁中插入視頻擴展閱讀：
HTML
超文本標記語言，標准通用標記語言下的一個應用。
「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。
超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。
參考鏈接：HTML_網路
❼ html網頁怎麼插入視頻
可以用video標簽插入視頻。
1、新建html文件，在body標簽中添加video標簽，為video標簽添加「src」屬性，屬性值為視頻的位置，這時視頻就被插入到網頁中去了：
❽ 在網頁設計中怎樣插入視頻播放器
1、打開用於網頁設計的Hbuilder，在項目管理器中放置mp4格式的視頻以後，點擊index.html進入。
❾ 在一個網頁中如何插入一個視頻播放器
<object id="player" height="64" width="260" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6">
<param NAME="AutoStart" VALUE="-1">
<!--是否自動播放-->
<param NAME="Balance" VALUE="0">
<!--調整左右聲道平衡,同上面舊播放器代碼-->
<param name="enabled" value="-1">
<!--播放器是否可人為控制-->
<param NAME="EnableContextMenu" VALUE="-1">
<!--是否啟用上下文菜單-->
<param NAME="url" VALUE="http://download.xaonline.com/music/huangpy/lover/HPY01.wma">
<!--播放的文件地址-->
<param NAME="PlayCount" VALUE="1">
<!--播放次數控制,為整數-->
<param name="rate" value="1">
<!--播放速率控制,1為正常,允許小數,1.0-2.0-->
<param name="currentPosition" value="0">
<!--控制項設置:當前位置-->
<param name="currentMarker" value="0">
<!--控制項設置:當前標記-->
<param name="defaultFrame" value="">
<!--顯示默認框架-->
<param name="invokeURLs" value="0">
<!--腳本命令設置:是否調用URL-->
<param name="baseURL" value="">
<!--腳本命令設置:被調用的URL-->
<param name="stretchToFit" value="0">
<!--是否按比例伸展-->
<param name="volume" value="50">
<!--默認聲音大小0%-100%,50則為50%-->
<param name="mute" value="0">
<!--是否靜音-->
<param name="uiMode" value="mini">
<!--播放器顯示模式:Full顯示全部;mini最簡化;None不顯示播放控制,只顯示視頻窗口;invisible全部不顯示-->
<param name="windowlessVideo" value="0">
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
<param name="fullScreen" value="0">
<!--開始播放是否自動全屏-->
<param name="enableErrorDialogs" value="-1">
<!--是否啟用錯誤提示報告-->
<param name="SAMIStyle" value>
<!--SAMI樣式-->
<param name="SAMILang" value>
<!--SAMI語言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
</object>
把插放次數VALUE調成10000夠你重復聽的了~
❿ 網頁設計中怎樣插入視頻
1.在 Dreamweaver 的「文檔」窗口中打開 index.html 頁面；
2.插入一個三列的表格，在由三列組成的表格的中間一列中放置的圖形之上單擊一次；
3.選擇「插入」>「媒體」>「Flash 視頻」。
4.在「插入 Flash 視頻」對話框中，從「視頻類型」彈出式菜單中選擇「漸進式下載視頻」。 關於…；
5.關於 Flash 視頻 使用 Dreamweaver 中的「插入 Flash 視頻」命令，可將 Flash 視頻內容插入 Web 頁面，而無需使用 Flash 創作工具。該命令可以插入 Flash 組件；在瀏覽器中查看它時，它會顯示所選擇的 Flash 視頻內容以及一組播放控制項。