在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。
问题对人有帮助，内容完整，我也想知道答案
问题没有实际价值，缺少关键内容，没有改进余地
现在videojs做二次开发，需求是，播放mp4点播视频的时候，可以实时获取到当前mp4下载的字节数，也就是下载的视频流量，做统计。但我怎么也找不到，只能找到一个开始buffer的时间和结束buffer的时间。
求助如何获取到当前视频文件下载的字节数，非常感谢！
同步到新浪微博
分享到微博？
关闭理由：
删除理由：
忽略理由：
推广（招聘、广告、SEO 等）方面的内容
与已有问题重复（请编辑该提问指向已有相同问题）
答非所问，不符合答题要求
宜作评论而非答案
带有人身攻击、辱骂、仇恨等违反条款的内容
无法获得确切结果的问题
非开发直接相关的问题
非技术提问的讨论型问题
其他原因（请补充说明）
我要该，理由是：
在 SegmentFault，学习技能、解决问题
每个月，我们帮助 1000 万的开发者解决各种各样的技术问题。并助力他们在技术能力、职业生涯、影响力上获得提升。关于web网页嵌入能解析mp4格式播放器的问题。 - ITeye问答
最近在做一个视频监控的项目，要用到使用jsp,html或者flex来嵌入一个播放器，播放本地的MP4格式的视频文件，网上找了很多，都是不能用的，在这里提出这个问题，希望有做过这方面的，或者知道这方面的IT界朋友广泛的提供这方面的相关帮助。在哪种页面，嵌入哪种播放器，一定要介绍清楚，最好是能提供相关的附件demo，这样方便大家相互学习，先谢谢各位了。
问题补充：tohsj0806 写道&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xmlns:te="http://www.seasar.org/teeda/extension" xml:lang="ja"
lang="ja"&
&head&
&meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
&title&AppFacesException Error Page&/title&
&/head&
&body&
mp4播放开始！
&object classid="clsid:22d6f312-b0f6-11d0-94ab-e95" id="mediaplayer" width="700" height="350"&
&embed&
&param name="SRC" value="Lavigne.mp4"&
&/embed&
&/object&
&/body&
&/html&
ps：&param name="SRC" value="换成自己的路径"&
我试过了，播放器页面可以展现，但是无法播放,我电脑上面安装的是Windows Media Player9，路径不会错，我的mp4文件跟该html文件放在同一级目录下。
我试过很多这样的播放器，都出现这个问题。我想应该是不能支持解析mp4格式造成的吧。
问题补充：tohsj0806 写道是的，media player有很多格式局限，不过安装完插件media player就可以播放MP4了，HTML中也就OK了，可以考虑装完美解码。（参考地址：http://www.crsky.com/soft/8824.html）
你的意思是下载这个解码器安装了之后，就可以使用嵌入的media player9播放mp4文件了？那个解码器无法下载。还有，我的mp4文件可能是mpeg4的。
问题补充：tohsj0806 写道是的，media player有很多格式局限，不过安装完插件media player就可以播放MP4了，HTML中也就OK了，可以考虑装完美解码。（参考地址：http://www.crsky.com/soft/8824.html）
可以加我QQ：
对的，播放器能播了，html就没问题，我用的就是完美解码，可以解码的，那个地址能下载，要不你也可以百度下，微软自己也提供了插件，你可以点击进去下载。http://support.microsoft.com/kb/316992/。
MPEG-4 (.mp4)MPEG-4 是一项“国际标准化组织”(ISO) 规范，涉及多媒体表示的许多方面（包括压缩、创作和传递）。虽然视频压缩和文件容器定义是 MPEG-4 规范的两个独立的不同实体，但是许多人错误地认为这两个实体是可互换的。您只能实现 MPEG-4 规范的若干部分，但仍然符合该标准。
按照 MPEG-4 规范的定义，MPEG-4 文件格式包含 MPEG-4 编码的视频内容和“高级音频编码”(AAC) 编码的音频内容。它通常使用 .mp4 扩展名。Windows Media Player 不支持 .mp4 格式文件的播放。在安装与 DirectShow 兼容的 MPEG-4 解码器包后，您可以在 Windows Media Player 中播放 .mp4 媒体文件。与 DirectShow 兼容的 MPEG-4 解码器包包括 Ligos LSX-MPEG Player 和 EnvivioTV。
有关 Ligos LSX-MPEG Player 的更多信息，请访问下面的 Ligos 网站：
http://www.ligos.com (http://www.ligos.com) 有关 EnvivioTV 的更多信息，请访问下面的 Envivio 网站：
http://www.envivio.com/products/ (http://www.envivio.com/zh/products/home/envivio-products/menu-id-2.html) Microsoft 已经选择了实现 MPEG-4 标准的视频压缩部分。Microsoft 目前生产了下列基于 MPEG-4 的视频编解码器：
oMicrosoft MPEG-4 v1
oMicrosoft MPEG-4 v2
oMicrosoft MPEG-4 v3
oISO MPEG-4 v1
通过使用“Windows Media 工具”和“Windows Media 编码器”，可以对 MPEG-4 视频内容进行编码并将其存储在 .asf 文件容器中。然后，您就可以在 Windows Media Player 中播放这些文件了。有关 Microsoft 和 MPEG-4 支持的更多信息，请访问下面的 Microsoft 网站：
http://windows.microsoft.com/zh-cn/windows7/Codecs-frequently-asked-questions (http://windows.microsoft.com/zh-cn/windows7/Codecs-frequently-asked-questions)
是的，media player有很多格式局限，不过安装完插件media player就可以播放MP4了，HTML中也就OK了，可以考虑装完美解码。（参考地址：http://www.crsky.com/soft/8824.html）
&!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-
transitional.dtd"&
&html xmlns="http://www.w3.org/1999/xhtml" xmlns:te="http://www.seasar.org/teeda/extension" xml:lang="ja"
lang="ja"&
&head&
&meta http-equiv="Content-Type" content="text/ charset=UTF-8" /&
&title&AppFacesException Error Page&/title&
&/head&
&body&
mp4播放开始！
&object classid="clsid:22d6f312-b0f6-11d0-94ab-e95" id="mediaplayer" width="700" height="350"&
&embed&
&param name="SRC" value="Lavigne.mp4"&
&/embed&
&/object&
&/body&
&/html&
ps：&param name="SRC" value="换成自己的路径"&
针对不同的媒体格式去调用不用的视频播放插件，
比如fla就要用flash的播放器，
已解决问题
未解决问题为何html中嵌入mp4格式视频播放不了
& 发布时间： 17:26:52 & 作者：佚名 &
只是在页面中加载了一个播放器的样子，各个按钮都不管用，不知道是哪个地方出了问题，很是郁闷，于是搜集整理下，拿出来和大家分享，希望可以帮助你们
下面的这段代码是在我的test.html中，通过绝对路径如c:\test.html访问则可以播放视频，但是通过：http://localhost/test.html方式访问则播放不了，只是在页面中加载了一个播放器的样子，各个按钮都不管用，不知道是哪个地方出了问题，但是据我估计，应该跟代码没有多大的关系，代码如下： 代码如下: &object width="300" height="300" type="video/x-ms-asf" url="http://localhost/younao01.mp4" data="younao01.mp4" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6"& &param name="url" value="younao01.mp4"& &param name="filename" value="younao01.mp4"& &param name="autostart" value="1"& &param name="uiMode" value="full" /& &param name="autosize" value="1"& &param name="playcount" value="1"& &embed type="application/x-mplayer2" src="http://localhost/younao01.mp4" width="100%" height="100%" autostart="true" showcontrols="true" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/"&&/embed& &/object& 经检查后发现还真的是跟代码没有关系，具体的原因是因为IIS中没有MP4的映射，解决方案如下： win7： 控制面板&查看方式（右上角）&小图标&管理工具&Internet 信息服务(IIS)管理器&左侧单击自己的网站名称&右边双击&MIME类型&&最右边点击添加&文件扩展名填.mp4,MIME类型为 Video/mp4或者application/octet-stream，这样都是可以的，这样就行搞定啦！
大家感兴趣的内容
12345678910
最近更新的内容[转载]在網頁上加入HTML5 的Video Tag，直接播放MP4、OGG…等 - iackjee - 博客园
随笔 - 265, 文章 - 9, 评论 - 5, 引用 - 0
在之前有一篇文章提到HTML5()的重要性，而Html 5的主要革新是在他的語意標籤，像是&video&、&audio&、&section&、&article&、&header&和&nav&這些，一看就知道是用在何處的標籤，將是Html 5的主要特色之一，今天我們要介紹的是&video&這個新標籤。一般人可能有個錯誤觀念是Htmh 5會播影片，這是一個錯誤的觀念，如果你真是這麼認為，下方有解說。
本文章節：
一、將影片轉成MP4、OGG、Webm二、讓Internet Explorer支援Htnl5三、在網頁上加入HTML 5 的Video Tag，播放影片四、效果展示五、範例檔下載
事實上，HTML 5是不能播影片的，他是利用網頁和瀏覽器搭載的CSS與Java所做到效果，先是利用HTML 5「語意標籤」中的&video&，去執行；而現在所做出來的瀏覽器大多數都支援HTML5，H.264是可以不碰到 Flash的一種編碼，而H.264是目前iPad/iPhone/iPod上唯一支援的編碼格式、也是大多數數位相機、攝影機所拍攝出來的格式。
總而言之，我們現在要使用Html 5的video tag來播放既有的影片，然而並非所有的瀏覽器都支援Html5，目前FireFox、Chrome、Safari預設都以支援，不過IE仍需額外的指令才能支援，關於這些前置步驟本文下方會一一做介紹。至於要使瀏覽器播放影片的原始檔，因為各瀏覽器預設支援不同，所以像是Firefox僅支援.ogg、.ogv，而Chrome支援.mp4在這種不一的情況下，我們在製作原始檔案時，就必須製作多種格式才能讓個瀏覽器支援。
如果要將影片轉檔，我們可以使用Miro Video Converter這款免費影片轉檔軟體，首先先下載軟體。
軟體名稱：Miro Video Converter
軟體版本：3.0
系統支援：Windows XP/2003/Vista/7
介面語言：English
官方網站：
檔案下載：、
軟體支援項目輸入影片類型： AVI、H264、MOV、WMV、XVID、Theora、MKV、FLV&等輸出影片類型：MP4、Ogg、WebM、MP3(純音樂)&等支 援的裝置：Samsung Galaxy Y、Samsung Galaxy Mini、Samsung Galaxy Ace、Samsung Admire、Samsung Droid Charge、Samsung Galaxy S / SII / S Plus、Samsung Galaxy SIII、Samsung Galaxy Nexus、Samsung Galaxy Tab、Samsung Galaxy Tab 10.1、Samsung Galaxy Note、Samsung Galaxy Note II、Samsung Infuse 4G、Samsung Epic Touch 4G、HTC Wildfire、HTC Desire、HTC Droid Incredible、HTC Thunderbolt、HTC Evo 4G、HTC Sensation、HTC Rezound、HTC One X、Motorola Droid X、Motorola Droid X2、Motorola RAZR、Motorola XOOM、Sanyo Zio
我們要把影片嵌到網頁裡，要怎麼做呢？根據w3schools所述，&video&標籤要使用時，必須提供兩種的影片格式才能讓個瀏覽器都正常播放，因為不同瀏覽器所支援的影片格式不同，所以在製作時就必須提供兩種以上的格式，若都沒有則沒辦法播放，需再新增一段提示，來告知瀏覽者「你的瀏覽器不支援&video&這個標籤」。
第1步&將軟體下載好之後，注意安裝時，這一個項目不用勾選，就著繼續安裝，就可以開始使用了。
第2步&接下來把你要轉檔的影片，按著托放到程式裡，或在程式裡點「Choose Files&」。檔案選擇好之後，就要轉檔了，在下面選擇「Format」&「Video」，然後選擇轉檔格式，若要讓HTML5標籤支援，我們有提供兩種以上的格式來讓瀏覽器選擇，通常「.mp4、.ogv」是必要的，「.webm」可以選填。
第3步&都選好之後，點選下面的「Convert to Ogg Theora」，就可以開始轉檔了。
第4步&開啟轉檔後的資料夾，點選右側的「齒輪按鈕」&「Show output folder」，這就是轉出的檔案。
接著我要把轉出的影片檔案放到網頁裡面，所以我們先建立一個資料夾「Movie」，然後打原始碼編輯器，新建一個「.htm」或「.html」的檔案，然後就開始些網頁了。網頁的基本架構如下：
&html&&head&& &&/head&&body&& &&/body&&/html&
首先我們要讓瀏覽器看得懂HTML5，目前來說呢，大部分的瀏覽器都已經看得懂大部分的Html，就是有些版本的「IE」跟不上時代，像是IE8以下的瀏覽器幾乎都看不懂，在IE9才讓他看懂，所以我們需要使用到Html hack，目前有幾種作法，經過一番Google後網路上常用的還是外嵌一個「html5.js」，來讓IE的大部分瀏覽器讀懂Html5，因此我們要把以下這個hack加到網頁標籤&/head&標籤的前面。
&!--[if lt IE 9]&
&script src="//html5shiv.googlecode.com/svn/trunk/html5.js"&&/script&
&![endif]--&
這前三行使用的目的是，「if lt IE 9」指兼容IE9版本以下的瀏覽器，因為要宣告video這個標籤，讓過時的瀏覽器看得懂。接著我們要新增DOCTYPE宣告，把&head&標籤以上的都換成這一段，如果不懂本文下方有範例檔案。
&!DOCTYPE html&
&!--[if IE 6]&
&html id="ie6" dir="ltr" lang="zh-TW"&
&![endif]--&
&!--[if IE 7]&
&html id="ie7" dir="ltr" lang="zh-TW"&
&![endif]--&
&!--[if IE 8]&
&html id="ie8" dir="ltr" lang="zh-TW"&
&![endif]--&
&!--[if !(IE 6) | !(IE 7) | !(IE 8)
&html dir="ltr" lang="zh-TW"&
&!--&![endif]--&
接下來我們就可以來加入&video&的標籤了。
接下來就要開始寫&video&標籤了，首先我們先看範例寫法。
&video id="movie" preload controls loop poster="poster.png" width="640" height="360"&
&source src="Yif-Magic.mp4" type="video/mp4" /&
&source src="Yif-Magic.ogv" type="video/ogg" /&
&source src="Yif-Magic.webm" type="video/web" /&
您的瀏覽器不支援HTML 5影片播放標籤&video&格式。
Your browser doesn't support the &video& tag.
首先整個HTML我們是使用&video&&/video&兩的標籤來包著，前面代表開始，後面代表結束。
&video&標籤裡面有幾個屬性，你可以使用，用法如下：
autoplay(自動播放)：你可以輸入"autoplay"(開啟自動播放)、"" (空白字串，開啟自動播放)、或不輸入(開啟自動播放)。
preload(預先載入)：你可以輸入"none"(關閉預先載入)、"metadata"(開啟預先載入)、"auto"(自動)、"" (空白字串，開啟預先載入)、或不輸入(開啟預先載入)。
controls(控制按鈕)：你可以輸入"controls"(開啟控制按鈕)、"" (空白字串，開啟)、或不輸入(開啟)。
瀏覽器預設是沒有其他控制項目的，如果你開啟，你可以提供一些播放控制元件，播放、暂停、定位、音量、全螢幕、字幕（如果可用）、聲道（如果可用），這些可以透過額外的Javascript來完成。
loop(播放循環)：你可以輸入"loop"(開啟循環)、"" (空白字串，開啟)、或不輸入(開啟)。
poster(預覽圖片)：用來選擇影片播放前，所顯示的圖片，不能空白，若要使用此屬性則請輸入圖片網址。
height(影片高度)：請輸入非負的整數，不需輸入單位(px，pixel)。
width(影片寬度)：請輸入非負的整數，不需輸入單位(px，pixel)。
muted(靜音)：你可以輸入"muted" (開啟靜音)、"" (空白字串，開啟)、或不輸入(開啟)。
src(影片位置)：放置影片原始檔的網址，或相對位址。
所以上面提供的範例意思是「這個影片我要有控制按鈕，要預先載入影片，然後影片結束之後要循環播放，在開始播放之前，顯示預覽圖片，寬是640px，高是360px」。
再來是中間的&source & /&標籤，意思是影片的原始檔位置與類型。
檔案位置請用「src="檔案位置"」，這個屬性，如果影片和網站在相同的資料夾，則在「檔案位置」中直接輸入影片檔名(主檔名+副檔名)，如果不是，你可以直接輸入網址如&source src="http://&/~.mp4&P /&，例如：&
類型的選擇請用「type="video/檔案類型"」，例如，如果附檔名是「.mp4」，則類型的選擇請寫「type="video/mp4&P」；如果是「.webm」，則寫「type="video/web"」；注意，如果是「.ogv」，則類型的選擇請寫「type="video/ogg&」，不要問我為什麼，因為我也不知道這個地方就會不一樣。如果想知道個多可以上網Google。
再來是針對那些無法播放影片的瀏覽者，告訴他們原因，所以我們在&/video&的前面告訴他們：「您的瀏覽器不支援HTML 5影片播放標籤&video&格式。」