視頻標籤播放音頻，但不播放視頻

如果你看看my web page，你會發現頂級視頻（紅鼻子的中世紀傢伙）在視頻和音頻方面播放完美。視頻標籤播放音頻，但不播放視頻

但是，如果您查看底部（第2個）視頻，則在播放時只會有音頻。你看到的「視頻圖像」其實不是視頻本身，而是一個利用「海報」html標籤的png。

下面是兩個視頻的HTML：

<video src="http://shapeshed.com/examples/HTML5-video-element/video/320x240.m4v" poster="http://shapeshed.com/examples/HTML5-video-element/images/posters/les.jpg" controls="true" width="320" height="240"> 
     Your browser doesn't support the video tag. You can <a href="/video/your_video.ogg">download the video here.</a> 
</video> 

<video src="videos/Play.mov" poster="videos/Play.png" controls="true" width="800" height="600"> 
     Your browser doesn't support the video tag. You can <a href="videos/Play.mov">download the video here.</a> 
</video>

的第二個視頻，是一個我很在乎，但我不能讓視頻在Chrome中的工作 - 它只能播放音頻。但在Mac Safari上，視頻效果很好。難道我做錯了什麼？看來我正在執行我的第二部影片，正是第一部影片。爲什麼1工作，2不工作？編輯：我得到了進一步的，但現在只在iPad（Chrome作品，iPhone作品）我得到視頻，但沒有音頻。有任何想法嗎？

編輯2：我需要我的2個視頻才能在Apple Safari上正確播放 - 沒有任何其他問題，因爲除蘋果設備之外的所有用戶都將看到嵌入Youtube的視頻。任何人都可以告訴我確切的步驟將AVI轉換爲保證在Apple Safari中工作的視頻格式嗎？

來源

2015-06-09 HerrimanCoder

你可能想嘗試這樣的：

<video controls> 
<source src="somevideo.webm" type="video/webm"> 
<source src="somevideo.mp4" type="video/mp4"> 
I'm sorry; your browser doesn't support HTML5 video in WebM with VP8 or MP4 with H.264.

這裏更多的幫助html5 video

來源

2015-06-09 13:42:22

不同的視頻類型支持不同的瀏覽器。您可以使用一些軟件（如DVDVideoSoft免費HTML5視頻播放器和轉換器或其他任何軟件）以HTML5格式轉換您的視頻。在第二個視頻中，您使用的只是播放音頻的mov視頻。

來源

2015-06-09 14:05:07 Manish

您的視頻編碼爲MPEG-4 Part 2視頻和AAC音頻。 MPEG-4 Part 2視頻不是supported by Google Chrome。除非您手動安裝其他編解碼器，否則Safari和Chrome支持的唯一視頻編解碼器是H.264（也稱爲MPEG-4第10部分或MPEG-4 AVC）。如果您重新編碼爲H.264，則應將其放置在帶有AAC音頻和.mp4文件擴展名（不是.mov）的MP4容器中。

來源

2015-06-09 16:25:37 mark4o

我再往前，但是現在的iPad只（Chrome的工作，iphone的作品），我得到的視頻，但沒有音訊。有任何想法嗎？ http://www.mapsandtreasures.com/HowToCreate_iOS.php – HerrimanCoder

@SweatCoder您在該頁面上的視頻仍然是一個'.mov'文件。 – mark4o

當我將擴展名更改爲mp4時，它根本無法播放 - 完全損壞。你能開導我嗎？ – HerrimanCoder

網絡視頻很複雜，大多數瀏覽器都支持不同的視頻格式（編解碼器）。爲了與所有瀏覽器兼容，您需要3種不同文件格式的視頻：MP4，OGG，WEBM。

最大的兼容性，這裏是你的視頻工作流程將是什麼樣子：

讓使用的WebM（VP8 + Vorbis格式）一個版本。

製作另一個在MP4容器中使用H.264基準視頻和AAC「低複雜度」音頻的版本。

製作另一個在Ogg容器中使用Theora視頻和Vorbis音頻的版本。

鏈接到來自單個元素的所有三個視頻文件，並返回到基於Flash的視頻播放器。

<video width="320" height="240" controls> 
    <source src="video.mp4" type="video/mp4"> 
    <source src="video.webm" type="video/webm"> 
    <source src="video.ogv" type="video/ogg"> 
</video>

來源：http://diveintohtml5.info/video.html#what-works

來源

2015-06-12 17:44:51 Mike

視頻標籤播放音頻，但不播放視頻

回答

相關問題