1

ページの読み込み時に HTML5 ビデオ タグを使用して、mov または mp4 ビデオを自動再生しようとしています。ただし、ページの読み込み時にビデオが再生されません。これが私のコードです：

<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8" />
<title>Bropocalypse</title>
<style>
body {background:#000000;
margin:100px;}

p {font-size:36px;
text-align:right;
margin:20px 0px;}

a:link, a:hover, a:visited {color:#FF0000;
text-decoration:none;}

.trailer {width:700px;
height:100%;
margin:0 auto;}
</style>
</head>
<body>
<div class="trailer">
    <video width="700" height="400" src="trailer.mp4" poster="trailer.mp4" controls="controls" autoplay="autoplay" type="video/mp4; codecs='avc1.42E01E, mp4a.40.2'">
    <p>If you are reading this, it is because your browser does not support the HTML5 video element.</p>
    </video>
<p><a href="about.php"><img src="images/skip.png" alt="SKIP >>" /></a></p>
</div>
</body>
</html>

このページはhttp://www.tcnj.edu/~moore56/game-design/bropocalypse/にあります。ご提案やご質問があればお知らせください。ありがとうございました。

4

2 に答える 2

1

まず、XHTML 1.0 doctype ではなく、HTML5 用の HTML5 doctype を使用してみてください。

あなたのコードをテストしましたが、うまくいきませんでしたが、ビデオをテスト用の .m4v ビデオ (ここから) に置き換えたところ、Chrome ブラウザですぐに動作したため、問題は HTML にあるようには見えません。コード。

また、ビデオ ファイルをテキスト/プレーン コンテンツ タイプで提供していることにも注意してください。これは正しくありません。

于 2012-06-04T18:44:58.137 に答える
0

ええ、eis が言ったように、ビデオ形式の名前を手動で変更すると、マシン上では問題なく動作しますが、コーデックが一致しないため、ブラウザでビデオが再生されません。さらに、ビデオをブラウザに埋め込むために、バックプレイ形式とオブジェクトタグを配置する必要があります...

于 2013-01-30T20:47:08.973 に答える