Chrome中的HTML5 標記無法使用

我注意到Chrome中的HTML5 <video/>標記存在一個奇怪的問題。Chrome中的HTML5 標記無法使用

利用這一點，它工作正常：

<video poster="023.png" autoplay controls> 
<source src="todojunto.mp4" type="video/mp4" /> 
</video>

這隻能播放聲音，沒有視頻：

<video poster="023.png" autoplay > 
<source src="todojunto.mp4" type="video/mp4" /> 
</video>

如果我刪除poster屬性，它再次工作。

所有其他瀏覽器（甚至IE9 ...！）完美地工作，我似乎無法找到原因。

任何想法/幫助？

感謝

來源

2012-05-25 Borja

你試過寬度和高度嗎？ –

結果相同。它不起作用 – Borja

沒有擴展名？控制檯沒有錯誤？您在「元素」中看到有關視頻對象位置和尺寸的內容？ –

視頻標籤的屬性應該嚴格標準執行指定：

<video poster="023.png" autoplay="autoplay" controls="controls"> 
    <source src="todojunto.mp4" type="video/mp4" /> 
</video>

如果這不工作，也有一些是在瀏覽器的喜好改變

來源

2012-05-25 15:42:25 micnic

控制正是我不想 – Borja

如果我刪除的控制，我可以看到視頻，但沒有beeing能夠停止或尋求其他位置，可能是它的真正的東西與你的網頁瀏覽器優先 – micnic

的偏好，因爲安裝相同。我不改變他們 – Borja

我很驚訝你的視頻甚至出現。 Chrome停止支持mp4。在使用Chrome瀏覽器查看html5視頻時，您應該使用.webm文件。

來源

2012-06-12 13:38:31 mpb

你有任何關於這方面的參考？ –

關於它的一些消息，http://news.cnet.com/8301-30685_3-20028196-264.html – fedmich

我遇到了同樣的錯誤。我通過添加preload =「auto」標記來修復它。

<video autoplay loop preload="auto" poster="023.png"> 
    <source src="todojunto.mp4" type="video/mp4" /> 
</video>

不知道這是否適用於您，並且您提出問題已有一段時間了。但也許這將有助於未來的人！

來源

2014-06-03 10:30:30 Fyntasia

我剛將它轉換爲ogv，並在所有瀏覽器中都能正常運行。我有問題與Firefox，但沒有問題了。它也呈現出灰色背景，但現在已經變成現在了。這裏是我的代碼：你可以看到它在eargo.com/products

<video class="" style="" autoplay loop> 
      <source class="" src="video.ogv" > 
      <source class="" src="video.mov" > 
      <source class="" src="video.mp4" > 
</video>

可能2015年5月7日之後看到它。

來源

2015-05-06 19:33:04 DragonKnight

Chrome中的HTML5 標記無法使用

回答

相關問題