2012-05-25 12 views
12

ChromeのHTML5 <video/>タグで奇妙な問題が発生しています。これを使用するChromeのHTML5 <video>タグが機能しない

、それが正常に動作します:

<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 ...!)は完全に動作し、理由を見つけることができないようです。

アイデア/ヘルプ?

おかげ

+0

幅と高さを試しましたか? –

+0

同じ結果です。それは動作しません – Borja

+0

拡張子はありません?コンソールにエラーはありませんか?ビデオオブジェクトの位置と大きさに関して「要素」には何が表示されますか? –

答えて

5

動画のタグの属性は、厳格な標準的な実装のために指定する必要があります。

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

これが動作しない場合は、ブラウザの設定で

+0

コントロールは何ですかしないでください – Borja

+0

私はコントロールを削除すると、私はビデオを見ることができますbeeingそれを停止するか、別の位置を求めることができる、それは本当にあなたのブラウザの環境設定で何かの可能性があります – micnic

+0

環境設定はインストール以来同じです。私はそれらを変更しない – Borja

4

を変更するものがある私は驚いていますあなたのビデオも表示されます。 Chromeはmp4をサポートしなくなりました。 Chromeでhtml5動画を使用する場合は、.webmファイルを使用する必要があります。

+0

これについての参考情報はありますか? –

+0

それに関するいくつかのニュース、http://news.cnet.com/8301-30685_3-20028196-264.html – fedmich

1

同じエラーが発生しました。 preload = "auto"タグを追加して修正しました。

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

これがうまくいくかどうかわかりません。質問をしてからしばらく時間がかかりました。しかし、多分これは将来誰かを助けるでしょう!

0

私はこれを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> 

あなたは5-7-2015の後にそれを見るかもしれません。

関連する問題