2012-04-10 118 views
0

我不是新來的HTML,CSS,JS或PHP,我已經做了差異。網頁,但每當我從YouTube或其他外部網站收錄視頻時,我總是使用iframe或嵌入代碼。所以,今天我開始製作我自己的個人頁面,我想知道如何插入我自己的視頻。我有兩個不同的網絡主機,一個用於上傳視頻,另一個用於網頁。所以流(我是否正確?)來自主機#1,主機#2用於網頁。視頻,Flash或...視頻爲HTML

我甚至不知道如何將視頻mpeg,avi格式化或轉換爲在線FLV(使用我自己的頁面),但這不是我做這篇文章的原因。我需要將它們轉換爲flv,將視頻放到我的網頁上嗎?轉換後的視頻質量如何(從質量損失)?

我該如何製作自己的在線視頻播放器?

+1

有很多,你可以使用優秀的球員。沒有必要重新發明輪子。 http://www.longtailvideo.com/players/jw-flv-player/ – 2012-04-10 19:34:08

回答

3

DIVE INTO HTML5有一個很好的article on HTML5 video。你應該從A-Z閱讀這篇文章(搶咖啡)。它解決了幾乎所有與HTML5視頻相關的問題,包括您應該轉換爲HTML5視頻,視頻格式,如何轉換視頻以及如何將標記添加到頁面以播放這些視頻的原因。

如果您想知道如何播放HTML5視頻,請查看HTML5 Video Player Comparison chart。僅供參考,HTML5視頻播放器是瀏覽器的原生HTML5播放器的JavaScript封裝器,它應該提供外觀,API,事件和Flash後備支持。儘管如此,如果你不關心自定義外觀,事件處理,API等,你完全不需要HTML5播放器。所有你需要的是Video for Everybody建議的「代碼」(但你仍然需要一個SWF文件能夠播放MP4文件)。

+0

HTML5是的,但如果有些人使用舊版瀏覽器呢? – 2012-04-10 19:41:42

+1

好問題,這就是爲什麼我把你推薦到圖表。請注意,有一個標題爲「閃回故障」的專欄。一個體面的HTML5播放器增加了一個閃回回退 - 一個小的SWF文件能夠播放H.264(MP4)格式的視頻。去找一個閃回回退選項的玩家。 – 2012-04-10 19:46:11

3

我更喜歡使用Vimeo來上傳我的視頻,他們會爲您進行所有轉換和優化,當然還會將視頻託管在他們的服務器上。當我將視頻加載到我自己的服務器上時,由於帶寬限制和吞吐量的原因,他們很快就放慢了速度。

+0

我需要使用我自己的上傳系統。 – 2012-04-10 19:39:08

+0

如果您使用閃光燈或mpeg路線等,並且用戶使用iPad/iPod或不支持視頻類型的設備瀏覽您的網站,該怎麼辦?他們無法看到您的視頻......除非您默認使用HTML5方法和技巧。這是Vimeo的另一個原因。 – 2012-04-10 19:43:12

+0

我包含一個差異聲明。操作系統和瀏覽器。如果瀏覽器支持HTML5,則視頻將以這種方式包含,如果不是的話......我不知道。 – 2012-04-10 19:47:54

0

如果您需要將視頻文件轉換成另一種格式,我想這給一個嘗試:Miro Video Converter