如何將視頻添加到移動網頁瀏覽器的網頁

我們公司正在製作我們網站的移動版本。我們有幾個產品視頻想要在移動版上展示。如何將視頻添加到移動網頁瀏覽器的網頁

當我嘗試使用

<a href="video.wmv">video</a>

我得到播放聲音，但我的HTC不可思議的Android操作系統的手機黑屏。

我在想，在播放視頻時，但在不同的瀏覽器窗口。我需要它在一個窗口中顯示所有內容，而不必切換到另一個窗口。

我試過HTML嵌入標籤，並得到沒有視頻或聲音，請從我讀過這些標籤都不是很realiable跨瀏覽器。

我也只是嘗試下HTML5視頻標籤。我得到一個圖標標識它是一個視頻文件，但它不播放。

<video src="video.wmv" controls="controls"> 
     your browser does not support the video tag 
</video>

是否有一個特殊格式的視頻文件需要在？我應該使用href還是embed標籤，還有其他選擇嗎？

如果它有助於知道，我使用我的網頁在移動DOCTYPE。

感謝

來源

2010-05-25 payling

我找到了解決我的問題的簡單方法。 YouTube上。在YouTube上上傳需要在您的移動網站上播放的視頻並開始工作。期。

沒什麼大驚小怪的！只需將YouTube視頻頁面中嵌入的網址複製到您的手機頁面，即可開始使用。

我並不確定YouTube是如何使視頻兼容的。我猜測上傳視頻時會自動將視頻轉換爲多種格式，以便根據智能手機訪問網頁的情況播放正確的編解碼器/容器。

此列表並不廣泛，我可能會覺得更晚，但如果你能想到的任何更多的優勢，或者使用移動版YouTube視頻的缺點評論。

優點：

++ YouTube上被普遍接受的最當中主要的智能手機（因此您的視頻應該發揮！）。

+如果你有有限的帶寬，你不必擔心浪費你自己的帶寬。

++易於設置，很少或沒有配置（設置視頻分辨率）。它只是工作！（封裝...）

缺點：

-視頻中的YouTube標誌回放

-這不是託管在您的託管服務。可能不會被某些分析服務跟蹤。（需要自定義跟蹤？onclick java腳本事件？）

- YouTube帶寬可能無法用於流暢播放？（儘管從最初的視頻觀看帶寬似乎可以接受（最小緩衝......），但未確認...）。可能主要依賴手機3G/4G連接質量。

-有限的視頻文件大小/分辨率？不應該成爲問題，因爲您需要智能手機的質量較低的視頻。

我想知道YouTube如何使其視頻與智能手機兼容，因此如果有必要，我可以自己託管視頻，但現在這似乎是最佳選擇。

來源

2010-06-09 13:25:10 payling

youtube是否爲智能手機提供實時視頻流媒體服務？ – user198729 2010-06-20 10:15:43

不是特別的，但我有我們網站的移動版本使用youTube視頻，它非常棒。我選擇了可用於youTube視頻的最低分辨率，並將嵌入的網址複製到我的移動網站，並且視頻播放效果很好。我親自測試過一款基於android操作系統的手機，並且iPhone和視頻播放功能非常棒。 – payling 2010-06-29 13:54:59

你需要發送給瀏覽器的視頻格式的瀏覽器而異。 Firefox支持的Ogg Theora格式，其他人似乎支持以MPEG-4 H.264容器

在這裏看到一個例子（MP4文件）：http://html5demos.com/two-videos

在任何情況下，WMV將無法正常工作。

來源

2010-05-25 17:04:52

那麼，關鍵是視頻播放需要支持智能手機。 Safari是爲iphone而設計的，我認爲android是Chrome。我不確定黑莓。我在印象之下html5對於那些瀏覽器來說是一種兼容性不錯的方式，如果我錯了，請糾正我。 – payling 2010-05-25 17:17:02

Android不支持正常的WMV格式。下面是支持的格式列表：

http://developer.android.com/guide/appendix/media-formats.html

如果iPhone /黑莓/等不具有共同的格式，你可能需要一些基於用戶代理的JavaScript魔法選擇哪個文件嵌入。

來源

2010-05-25 17:20:23 Jorenko

帶mpeg-4容器的h.263編解碼器似乎很常見。 – payling 2010-05-25 17:57:25

如何將視頻添加到移動網頁瀏覽器的網頁

回答

相關問題