導航:首頁 > 網站知識 > 網站如何添加視頻

網站如何添加視頻

發布時間:2022-02-11 03:37:35

『壹』 網站如何嵌入視頻

vartype=navigator.appName

if(type=="Netscape"){

varlang=navigator.language

}

else{

varlang=navigator.userLanguage

}

//取得瀏覽器語言的前兩個字母

varlang=lang.substr(0,2)

//英語

if(lang=="en"){

window.location.href="http://www.xxx.com/"

}

//中文-不分繁體和簡體

elseif(lang=="zh"){

//window.location.href="http://www.xxx.cn/"

//注釋掉了上面跳轉,不然會陷入無限循環

}

//除上面所列的語言

else{

window.location.href="http://www.xxx.com.cn/"

}

以上代碼通過Firefox、Chrome、Opera測試有效;為了測試IE下的效果,特意在VMware Player里安裝了Windows XP英文版,結果一樣有效。

親手測試一下效果:在Chrome的高級設置里添加其他語言,設置語言為en-us或者任何en開頭的,測試效果。


『貳』 如何在網頁中插入視頻文件

<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>

『叄』 html網頁怎麼插入視頻

可以用video標簽插入視頻。

1、新建html文件,在body標簽中添加video標簽,為video標簽添加「src」屬性,屬性值為視頻的位置,這時視頻就被插入到網頁中去了:

『肆』 怎麼從網站後台上傳視頻

1、找到需要上傳的視頻文件,並點擊視頻文件中的分享按鍵。

『伍』 如何在網頁上插入視頻(用html製作)

只要記住:修改width="640" height="480"來改變視頻顯示大小,修改src="Wildlife.mp4"來改變要顯示的視頻。

然後打開html文件查看效果吧,它有暫停、音量控制、全屏等功能,還有好多其他功能。

『陸』 怎麼給網站里添加視頻

視頻的添加 比如播放 mp3 avi wmv wma mpg mpeg格式

<object id="video" width="寬度自定" height="高度自定" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="/Mbar.avi" src="Mbar.avi">
</embed>
</object>

把你的參數設置好後 就可以播放了!
如果電腦裡面沒有安裝 windows media player (默認是裝了的)就無法調用上面的代碼!

至於土豆網的那種視頻我解釋下。嚴格意思上說不是視頻。
而是先把視頻轉換成 flv 文件(一種由視頻轉換成的供FLASH使用的媒體文件)
然後使用FLASH工具 把flv文件和播放器集合,
最後導出成 一個swf播放文件。

在使用是只要 執行swf文件就可以了,swf會自動去調用flv媒體文件!
相關信息,你可以網路一下,或者是在flash 8 版本以上去體驗下那種功能

祝你早日解決問題!

-------------------------------------------------------
你不在你的頁面上加代碼怎麼可能有播放器在上面????

你這樣吧!
用Dreamweaver 新建一個新的htm網頁 然後加入 以下代碼
放到<body> </body>之間

<object id="video" width="400" height="300" border="0" classid="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA">
<param name="ShowDisplay" value="0">
<param name="ShowControls" value="1">
<param name="AutoStart" value="1">
<param name="AutoRewind" value="0">
<param name="PlayCount" value="0">
<param name="Appearance value="0 value=""">
<param name="BorderStyle value="0 value=""">
<param name="MovieWindowHeight" value="240">
<param name="MovieWindowWidth" value="320">
<param name="FileName" value="http://tyt.bf.vnet.cn/3g/channel/ring/hjj.mp3">
<embed width="400" height="200" border="0" showdisplay="0" showcontrols="1" autostart="1" autorewind="0" playcount="0" moviewindowheight="240" moviewindowwidth="320" filename="http://tyt.bf.vnet.cn/3g/channel/ring/hjj.mp3" src="http://tyt.bf.vnet.cn/3g/channel/ring/hjj.mp3">
</embed>
</object>


filename
src

都是放入的一首網路上的歌曲《黃金甲》
你保存,雙擊新建的htm 就能聽到這首歌了!

『柒』 html網頁中怎麼添加視頻

第一步:首先下載video.js,網路一下就能找到。

第二步:先把要用到的jscssswf都載入到html頁面上。

第三步:加入下面的代碼:

<video id="my_video_1" class="video-js vjs-default-skin" controls preload="auto"width="640"height="480"poster="video-js/my_video_poster.png" data-setup="{}">

<source src="Wildlife.mp4" type='video/mp4'>

</video>

『捌』 怎麼在網頁上添加視頻

上傳到優酷網上,把鏈接加到你需要的地方!

『玖』 網站中如何添加視頻

我要我的日誌有聲有色,不少在MSN Space安家的朋友都有這個想法。畢竟「聲情並茂」的頁面會吸引不少關注。上一章里我們了解了如何加入背景音樂,接下來我們看看怎樣在日誌中放入視頻片斷。

也是偶然的機會,我發現某些網站提供所謂的Music Video Code,選中自己需要的視頻,再設定幾個簡單參數,網站就會即時為你生成一段代碼,這段代碼可用於自己的網頁或Blog,從而實現實時播放的效果。當時我就產生了要在MSN Space中嘗試的念頭,但幾經試驗都不成功。後來我將一段視頻拷貝到Dreamweaver網頁編輯器中,查看了一下它的源代碼,稍微做了一下修改,然後在IE中預覽,再將預覽頁面里的視頻加以復制,粘貼到日誌里,沒想到竟然成功了!不過這種做法比較繁瑣,在此不再詳述了。

我要為大家介紹的是一種更為簡便的方法,它的靈感也來自於背景音樂的語法格式。實際通過上一個教程大家就可以了解到,圖片「屬性設置」里的「視頻源」選項起到了關鍵作用,那麼既然它叫做「視頻」源,我們又成功地用它實現了音樂的載入,那理所當然就可以加入視頻了。本著這個思路,我將語法中的音樂文件改為 asf流媒體文件的鏈接,然後又調整了語法中IMG的寬度和高度,在Space的日誌中一試即告成功,同時利用Loop參數也解決了以往不能循還播放的問題。

看到這你會恍然大悟,原來這么簡單!是啊,其實就是這么簡單!所以,如何加入視頻,就和上一章介紹的加入背景音樂一樣可以通過兩種方式實現,一是利用MS Frontpage,二是使用我提供給你的下面這段語法:

<P><IMG height=150px width=150px loop=infinite dynsrc=流媒體文件鏈接>

IMG後的Height和Width分別控制視頻畫面的高度和寬度,你可以根據需要自行調整,如果這里你都設置成0的話,那麼就只有音樂看不到圖像,這也等同於插入背景音樂的效果。Loop控制循環次數,用法可參見上一章的描述。

對於頁面中視頻位置的控制,可以使用日誌編輯器里簡單命令,另外也可通過加入下述語法實現視頻與文字的完美結合。舉例如下:

align=left 文字置於視頻的右邊,並與其緊密結合
align=right文字置於視頻的右邊,並與其緊密結合
align=top 文字隊齊視頻頂端
align=middle 文字隊齊視頻中部
align=bottom 文字隊齊視頻底端

這里關鍵是流媒體文件的獲取,正常的流媒體文件以asf,wmv,或mov等為後綴,這是最直接的形式;也有以asx為後綴的,這種文件格式隱藏了流媒體的真正地址,但沒有關系,你一樣可以將帶有asx後綴的鏈接放到你的語法中。目前網上多數流媒體文件都隱藏了其鏈接,很難通過直接的方法來查看,有關這方面的破解技巧網上多有提供,大家可以試試

『拾』 網站怎麼插入視頻

網站不同,操作大同小異,一般的網站插入視頻的步驟:

  1. 准備好您要插入的視頻源(視頻地址)

  2. 插入視頻到此已全部結束。

閱讀全文

與網站如何添加視頻相關的資料

熱點內容
網路共享中心沒有網卡 瀏覽:527
電腦無法檢測到網路代理 瀏覽:1377
筆記本電腦一天會用多少流量 瀏覽:597
蘋果電腦整機轉移新機 瀏覽:1381
突然無法連接工作網路 瀏覽:1080
聯通網路怎麼設置才好 瀏覽:1230
小區網路電腦怎麼連接路由器 瀏覽:1057
p1108列印機網路共享 瀏覽:1215
怎麼調節台式電腦護眼 瀏覽:719
深圳天虹蘋果電腦 瀏覽:955
網路總是異常斷開 瀏覽:618
中級配置台式電腦 瀏覽:1015
中國網路安全的戰士 瀏覽:638
同志網站在哪裡 瀏覽:1422
版觀看完整完結免費手機在線 瀏覽:1464
怎樣切換默認數據網路設置 瀏覽:1114
肯德基無線網無法訪問網路 瀏覽:1290
光纖貓怎麼連接不上網路 瀏覽:1499
神武3手游網路連接 瀏覽:969
局網列印機網路共享 瀏覽:1005