前端視頻格式

1. html5 的視頻播放器 能支持 mpg格式嗎 幫忙

html5的視頻格式到現在仍未統一，所以各瀏覽器的支持情況不一樣。
理論上mp4 webm ogv mpg等都支持，但各瀏覽器有差異。
(貌似還沒有支持mpg，要轉格式)
你可以准備多個相同內容、格式不同的視頻，
瀏覽器會找到他能播放的那個來播放，官方標準是.ogg視頻；
<video width="320" height="240" controls="controls">
<source src="a.ogg" type="video/ogg">
<source src="a.mp4" type="video/mp4">
your browser does not support the video tag.
</video>

2. HTML如何播放rmvb格式的視頻要可以播放的代碼。。。。

程序代碼
<object classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" width="500"
height="400"><param name="autostart" value="0" /><param name="url"
value="視頻地址.wmv" /><embed src="視頻地址.wmv" autostart="0" type="video/x-ms-wmv"
width="500" height="400"></embed></object>

其他的看參數自己修改吧

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="/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="視頻文件">
</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="視頻文件" 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>

4.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="視頻文件">
<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>

5.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="視頻文件">
<param name=InvokeURLs value=-1>
<param name=Language value=-1>
<param name=Mute value=0>
<param name=PlayCount value=1>
<param name=PreviewMode value=0>
<param name=Rate value=1>
<param name=SAMILang value="">
<param name=SAMIStyle value="">
<param name=SAMIFileName value="">
<param name=SelectionStart value=0>
<param name=SelectionEnd value=true>
<param name=SendOpenStateChangeEvents value=-1>
<param name=SendWarningEvents value=-1>
<param name=SendErrorEvents value=-1>
<param name=SendKeyboardEvents value=0>
<param name=SendMouseClickEvents value=0>
<param name=SendMouseMoveEvents value=0>
<param name=SendPlayStateChangeEvents value=-1>
<param name=ShowCaptioning value=0>
<param name=ShowControls value=1>
<param name=ShowAudioControls value=1>
<param name=ShowDisplay value=1>
<param name=ShowGotoBar value=1>
<param name=ShowPositionControls value=1>
<param name=ShowStatusBar value=1>
<param name=ShowTracker value=1>
<param name=TransparentAtStart value=0>
<param name=VideoBorderWidth value=0>
<param name=VideoBorderColor value=0>
<param name=VideoBorder3D value=0>
<param name=Volume value=-1070>
<param name=WindowlessVideo value=1>
</object>

網頁播放器的參數含義 Windows Media Player 網頁播放器 參數含義

(默認0為否，-1或1為是)
<object classid="clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95" id="MediaPlayer1"
width="286" height="225">
<param name="AudioStream" value="-1">
<param name="AutoSize" value="-1">
<!--是否自動調整播放大小-->
<param name="AutoStart" value="-1">
<!--是否自動播放-->
<param name="AnimationAtStart" value="-1">
<param name="AllowScan" value="-1">
<param name="AllowChangeDisplaySize" value="-1">
<param name="AutoRewind" value="0">
<param name="Balance" value="0">
<!--左右聲道平衡,最左-9640,最右9640-->
<param name="BaseURL" value>
<param name="BufferingTime" value="15">
<!--緩沖時間-->
<param name="CaptioningID" value>
<param name="ClickToPlay" value="-1">
<param name="CursorType" value="0">
<param name="CurrentPosition" value="0">
<!--當前播放進度 -1 表示不變,0表示開頭單位是秒,比如10表示從第10秒處開始播放,值必須是-1.0或大於等於0-->
<param name="CurrentMarker" value="0">
<param name="DefaultFrame" value>
<param name="DisplayBackColor" value="0">
<param name="DisplayForeColor" value="16777215">
<param name="DisplayMode" value="0">
<param name="DisplaySize" value="0">
<!--視頻1-50%, 0-100%, 2-200%,3-全屏其它的值作0處理,小數則採用四捨五入然後按前的處理-->
<param name="Enabled" value="-1">
<param name="EnableContextMenu" value="-1">
<!-是否用右鍵彈出菜單控制-->
<param name="EnablePositionControls" value="-1">
<param name="EnableFullScreenControls" value="-1">
<param name="EnableTracker" value="-1">
<!--是否允許拉動播放進度條到任意地方播放-->
<param name="Filename" value="視頻文件" valuetype="ref">
<!--播放的文件地址-->
<param name="InvokeURLs" value="-1">
<param name="Language" value="-1">
<param name="Mute" value="0">
<!--是否靜音-->
<param name="PlayCount" value="10">
<!--重復播放次數,0為始終重復-->
<param name="PreviewMode" value="-1">
<param name="Rate" value="1">
<!--播放速率控制,1為正常,允許小數-->
<param name="SAMIStyle" value>
<!--SAMI樣式-->
<param name="SAMILang" value>
<!--SAMI語言-->
<param name="SAMIFilename" value>
<!--字幕ID-->
<param name="SelectionStart" value="-1">
<param name="SelectionEnd" value="-1">
<param name="SendOpenStateChangeEvents" value="-1">
<param name="SendWarningEvents" value="-1">
<param name="SendErrorEvents" value="-1">
<param name="SendKeyboardEvents" value="0">
<param name="SendMouseClickEvents" value="0">
<param name="SendMouseMoveEvents" value="0">
<param name="SendPlayStateChangeEvents" value="-1">
<param name="ShowCaptioning" value="0">
<!--是否顯示字幕,為一塊黑色,下面會有一大塊黑色,一般不顯示-->
<param name="ShowControls" value="-1">
<!--是否顯示控制,比如播放,停止,暫停-->
<param name="ShowAudioControls" value="-1">
<!--是否顯示音量控制-->
<param name="ShowDisplay" value="0">
<!--顯示節目信息,比如版權等-->
<param name="ShowGotoBar" value="0">
<!--是否啟用上下文菜單-->
<param name="ShowPositionControls" value="-1">
<!--是否顯示往前往後及列表,如果顯示一般也都是灰色不可控制-->
<param name="ShowStatusBar" value="-1">
<!--當前播放信息,顯示是否正在播放,及總播放時間和當前播放到的時間-->
<param name="ShowTracker" value="-1">
<!--是否顯示當前播放跟蹤條,即當前的播放進度條-->
<param name="TransparentAtStart" value="-1">
<param name="VideoBorderWidth" value="0">
<!--顯示部的寬部,如果小於視頻寬,則最小為視頻寬,或者加大到指定值,並自動加大高度.此改變只改變四周的黑框大小,不改變視頻大小-->
<param name="VideoBorderColor" value="0">
<!--顯示黑色框的顏色, 為RGB值,比如ffff00為黃色-->
<param name="VideoBorder3D" value="0">
<param name="Volume" value="0">
<!--音量大小,負值表示是當前音量的減值,值自動會取絕對值,最大為0,最小為-9640-->
<param name="WindowlessVideo" value="0">
<!--如果是0可以允許全屏,否則只能在窗口中查看-->
</object>

上面的這個播放器是老式的那種，6.4版本！新式播放器是在MediaPlayer9.0以後出現的，也就是說只有裝了9.0或9.0以上的播放器才能正常使

用的。

-------------------------------------------------------------------------------

下面是新式播放器代碼，相對以前的來說要簡單很多：
<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="/blog/1.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>

3. html5的視頻插件支持哪些視頻格式

HTML5 規定了一種通過 video 元素來包含視頻的標准方法。當前，video 元素支持三種視頻格式：
Ogg = 帶有 Theora 視頻編碼和 Vorbis 音頻編碼的 Ogg 文件
MPEG4 = 帶有 H.264 視頻編碼和 AAC 音頻編碼的 MPEG 4 文件
WebM = 帶有 VP8 視頻編碼和 Vorbis 音頻編碼的 WebM 文件

Internet Explorer 8 不支持 video 元素。在 IE 9 中，將提供對使用 MPEG4 的 video 元素的支持。

4. 怎麼把網頁里的html動態頁面轉換成一個mp4格式的視頻

網頁裡面也是要有元素才能展示出來的，可以看下網頁裡面的代碼，這個動態頁面是通過什麼元素來展示的，如果是視頻，可以找到視頻地址把視頻復制出來就行。如果是gif動畫，那就用圖片格式吧。

5. 獲取視頻的大小 格式 名稱 狀態等信息，是前端來做還是後台JAVA來做呢

獲取名稱、格式這個可以在前台做也可以在後台做，直接截取就行了。但是大小必須要後台做，可以用file.length()獲取文件的位元組，然後通過轉換獲取多少KB、MB等。至於狀態，我不清楚是什麼。可以的話請採納。

6. 網站後台上傳視頻文件有沒有什麼格式要求

網站後台上傳的視頻，一般都是看現在人家瀏覽網頁的時候所支持的格式來決定，另外就是網站版開權發人員在前端寫的代碼來決定。
一般來說，上傳到網站後台的視頻都是SWF格式，因為現在的網頁都裝有flash
player.
還有一種方法就是，將你的視頻上傳到第三方視頻平台上，然後在你的網頁那裡復制相應的代碼下去就可以了。

7. 如何在html代碼中插入MP4格式的視頻

代碼如下，測試過，可用。

<body>

<div style="text-align:center;">

<video id="video1" width="420" style="margin-top:15px;">

<source src="/example/html5/mov_bbb.mp4" type="video/mp4" />

<source src="/example/html5/mov_bbb.ogg" type="video/ogg" />

</video>

</div>

</body>

HTML5 Audio/Video 方法

拓展資料

HTML5 <video> 元素同樣擁有方法、屬性和事件。

其中的方法用於播放、暫停以及載入等。

其中的屬性（比如時長、音量等）可以被讀取或設置。

其中的 DOM 事件能夠通知您，比方說，<video> 元素開始播放、已暫停，已停止，等等。

8. HTML5里video支持mov格式嗎

當前瀏覽器video元素支持三種視頻格式

詳情可以查看《瀏覽器支持視頻格式》搜索結果

9. 怎麼在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音頻。

(9)前端視頻格式擴展閱讀：

HTML

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

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

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

參考鏈接：HTML_網路

10. html5的視頻支持格式

HTML5和瀏覽器對視頻和音頻文件格式都有嚴格的要求，僅有少數幾種視頻和音頻格式的文件能夠同時滿足HML5和瀏覽器的需求。

因此想要在網頁中嵌入視頻和音頻文件，首先要選擇正確的視頻和音頻文件格式。下面將對HTML5中視頻和音頻的一些常見格式以及瀏覽器的支持情況做具體介紹。

1、HTML5支持的視頻格式在HTML5中嵌入的視頻格式主要包括ogg、mpeg4、wehm等，具體介紹如下。

ogg：一種開源的視頻封裝容器，其視頻文件擴展名為ogg，裡面可以封裝vobris音頻編碼或者theora視頻編碼，同時ogg文件也能將音頻編碼和視頻編碼進行混合封裝。

mpeg4：目前最流行的視頻格式，其視頻文件擴展名為mp4。

同等條件下，mpeg4格式的視頻質量較好，但它的專利被MPEG－LA公司控制，任何支持播放mpeg4視頻的設備，都必須有一張MPEG－LA頒發的許可證。

目前MPEG－LA規定，只要是互聯網上免費播放的視頻，均可以無償獲得使用許可證。Webm：由Google發布的一個開放、免費的媒體文件格式，其視頻文件擴展名為webm。

由於webm格式的視頻質量和mpeg4較為接近，並且沒有專利限制等問題，webm已經被越來越多的人所使用。推薦了解傳智播客web前端培訓6．5版本課程。

(10)前端視頻格式擴展閱讀：

html5的智能表單：

表單是實現用戶與頁面後台交互主要組成部分，HTML5在表單的設計上功能更加強大。

input類型和屬性的多樣性大大地增強了HTML可表達的表單形式，再加上新增加的一些表單標簽，使得原本需要JavaScript來實現的控制項，可以直接使用HTML5的表單來實現。

一些如內容提示、焦點處理、數據驗證等功能，也可以通過HTML5的智能表單屬性標簽來完成。