當前位置：首頁 » 網站代碼 » 網頁中加入視頻代碼

網頁中加入視頻代碼

發布時間: 2021-03-14 00:01:31

『壹』在html中添加視頻

經測試，有以下供參考：

代碼如下：

<!DOCTYPEhtml>
<html>
<body>
<embedsrc="intro.wmv"width="320"height="240"/>
</body>
</html>

在 IE 11 瀏覽器 + Win10 64位中，運行正常：

綜上所述：

1、html 代碼本身沒問題。

2、從截圖看，能顯示播放器框架，說明客戶端能正確載入 wmv播放器。不能播放wmv原因，推測可能是yi.wmv不能被播放器正確解析（原因有多種，如 wmv打包格式、版權證書限制等）。

『貳』在網頁中加入播放視頻的代碼是什麼

最通用的標簽是:
<embed src="文件名">
其中文件名可以取任何一種多媒體文件格式，例如 "a.wma"，就會在網頁上顯示一個 Windows Media Player 播放器(因為 wma 是 WMP 專用的)，另如 "a.rm"，就會在網頁上顯示一個 Real Player 播放器——當然，你的計算機上必須安裝了 RealPlayer 才可以顯示。
其實 embed 標簽還可以顯示 Flash 動畫(這時embed 標簽的作用跟用 object 標簽顯示 Flash 動畫的差不多)，例子: <embed src="a.swf">
總之，歸納 embed 標簽的作用: 在網頁上播放指定的多媒體文件。

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

最常用的向HTML中插入視頻的方法有兩種，一種是古老的<object></object>標簽，一種是html5中的<video></video>標簽。

前者的兼容性沒得說，但是使用起來不太方便，後者使用起來很方便，但是兼容性讓人頭疼。

雖然後者兼容性存在很多問題，但是因為使用很方便，符合未來網頁設計發展的趨勢，因此我們以後者為主要的插入視頻的方法，因為它兼容性的問題，前者作為輔助。

示例如下：

復制代碼代碼如下:

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音頻。

在這種情況下，如果視頻格式正確，大部分瀏覽器的兼容性結果我們還算滿意，但是IE678不支持它，並且人家的用戶至今在中國還是十分龐大的群體，我們就必須想到另外一個解決方案支持它們：

復制代碼代碼如下:

</object>

這裡面引入了一些文件，除了flv格式的視頻，還有幾個swf或js文件，都是用DW軟體生成的，不想研究<object></object>標簽的朋友去DW軟體生成就行，如果可以巧妙的融合

這兩段代碼就可以得到兼容所有主流瀏覽器的終極代碼了。

於是我們可以這樣：

用jquery判斷瀏覽器是否為IE（不用判斷具體IE版本，因為伺服器的原因IE很可能高版本也不通過，暫且IE全部用<object></object>標簽），根據版本載入不同的標簽，代碼如下：

復制代碼代碼如下:

if($.browser.msie){

document.write('<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="624" height="351" style="margin-top: -10px;margin-left: -8px;" id="FLVPlayer1">'+

'<param name="movie" value="FLVPlayer_Progressive.swf" />'+

'<param name="quality" value="high" />'+

'<param name="wmode" value="opaque" />'+

'<param name="scale" value="noscale" />'+

'<param name="salign" value="lt" />'+

'<param name="FlashVars" value="&MM_ComponentVersion=1&skinName=public/swf/Clear_Skin_3&streamName=public/video/test&autoPlay=false&autoRewind=false" />'+

'<param name="swfversion" value="8,0,0,0" />'+

''+

'<param name="expressinstall" value="expressInstall.swf" />'+

'</object>');

}else{

document.write('<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>');

}

</script>

不要忘記在寫這段代碼之前引入jquery文件

到此為止，就可以編寫兼容所有瀏覽器的HTML視頻代碼了。

『肆』在網頁製作中插入視頻的代碼是什麼

『伍』網頁插入視頻代碼怎麼寫

<videosrc="Screen/video.mp4"width="790"height="340"controls="controls"id="movie"></video>
這是我在我自己做的一個網頁上截下來的代碼，使用html5的video標簽

效果截圖

『陸』怎麼在html中加入視頻文件，代碼怎麼寫

通過html5中的video標簽添加視頻文件。

1、新建html文件，如圖所示，在body標簽中添加video標簽，為video標簽設置「src」屬性，屬性值是視頻文件地址，這里以html同一目錄下的「movie.mp4」視頻為例：

『柒』怎麼在HTML網頁中插入視頻

向HTML中插入視頻有兩種方法，一種是古老的object標簽，一種是html5中的video標簽。

前者兼容性相對好些，後者兼容性讓人頭疼。

示例如下：

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音頻。

(7)網頁中加入視頻代碼擴展閱讀：

HTML

超文本標記語言，標准通用標記語言下的一個應用。

「超文本」就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

超文本標記語言的結構包括「頭」部分（英語：Head）、和「主體」部分（英語：Body），其中「頭」部提供關於網頁的信息，「主體」部分提供網頁的具體內容。

參考鏈接：HTML_網路

『捌』怎麼在網頁中嵌入視頻地址代碼

上面不是自動生成了播放代碼嗎？
就點復制，然後打開你自己做的網頁，切換到代碼視窗，把那段代碼粘貼到應該放的地方，就行了。

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

可以用video標簽插入視頻。

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

『拾』急求在網頁中插入視頻的代碼

在線播放器代碼大全
1.avi格式
<object id="video" width="400" height="200" 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="file:///D|/work/vod/Mbar.avi">
<embed width="400" height="200" border="0" showdisplay="0"
showcontrols="1" autostart="1" autorewind="0" playcount="0"
moviewindowheight="240" moviewindowwidth="320"
filename="file:///D|/work/vod/Mbar.avi" src="Mbar.avi">
</embed>
</object>
2.mpg格式
<object classid="clsid:05589FA1-C356-11CE-BF01-00AA0055595A"
id="ActiveMovie1" width="239" height="250">
<param name="Appearance" value="0">
<param name="AutoStart" value="-1">
<param name="AllowChangeDisplayMode" value="-1">
<param name="AllowHideDisplay" value="0">
<param name="AllowHideControls" value="-1">
<param name="AutoRewind" value="-1">
<param name="Balance" value="0">
<param name="CurrentPosition" value="0">
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<param name="EnablePositionControls" value="-1">
<param name="EnableSelectionControls" value="0">
<param name="EnableTracker" value="-1">
<param name="Filename" value="../../../mpeg/halali.mpg" valuetype="ref">
<param name="FullScreenMode" value="0">
<param name="MovieWindowSize" value="0">
<param name="PlayCount" value="1">
<param name="Rate" value="1">
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="ShowControls" value="-1">
<param name="ShowDisplay" value="-1">
<param name="ShowPositionControls" value="0">
<param name="ShowTracker" value="-1">
<param name="Volume" value="-480">
</object>
3.rm格式
<OBJECT ID=video1 CLASSID="clsid:CFCDAA03-8BE4-11cf-B84B-0020AFBBCCFA"
HEIGHT=288 WIDTH=352>
<param name="_ExtentX" value="9313">
<param name="_ExtentY" value="7620">
<param name="AUTOSTART" value="0">
<param name="SHUFFLE" value="0">
<param name="PREFETCH" value="0">
<param name="NOLABELS" value="0">
<param name="SRC" value="rtsp://203.207.131.35/vod/dawan-a.rm";;>
<param name="CONTROLS" value="ImageWindow">
<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"><embed SRC
type="audio/x-pn-realaudio-plugin" CONSOLE="Clip1" CONTROLS="ImageWindow"
HEIGHT="288" WIDTH="352" AUTOSTART="false">
</OBJECT>
4.wmv格式
<object id="NSPlay" width=200 height=180
classid="CLSID:22d6f312-b0f6-11d0-94ab-0080c74c7e95"
codebase="http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715"
standby="Loading Microsoft Windows Media Player components..."
type="application/x-oleobject" align="right" hspace="5">

<param name="AutoRewind" value=1>
<param name="FileName" value="xxxxxx.wmv">

<param name="ShowControls" value="1">

<param name="ShowPositionControls" value="0">

<param name="ShowAudioControls" value="1">

<param name="ShowTracker" value="0">

<param name="ShowDisplay" value="0">

<param name="ShowStatusBar" value="0">

<param name="ShowGotoBar" value="0">

<param name="ShowCaptioning" value="0">

<param name="AutoStart" value=1>

<param name="Volume" value="-2500">
<param name="AnimationAtStart" value="0">

<param name="TransparentAtStart" value="0">

<param name="AllowChangeDisplaySize" value="0">

<param name="AllowScan" value="0">

<param name="EnableContextMenu" value="0">

<param name="ClickToPlay" value="0">
</object>

閱讀全文

網頁中加入視頻代碼

與網頁中加入視頻代碼相關的閱讀推薦