web-dev-qa-db-ja.com

音声なしのビデオの自動再生

動画の自動再生が悪い理由についてこの記事を読み終えたところです http://www.punkchip.com/autoplay-is-bad-for-all-users/ 。自動再生が悪い習慣であることは知っていましたが、このビデオは、それがベストプラクティスではない理由を明確に示してくれました。

私の質問ですが、YouTube、KickStarter、ProductHuntなどのサイトには自動再生ビデオがあります。キャッチはオーディオがミュートされていることです。

私は現在、クライアントのサイト、より具体的にはクライアントがビデオの自動再生を要求する可能性のあるページに取り組んでいます。明らかに、この動作はサウンドでは受け入れられませんが、デフォルトでサウンドをミュートし、ProductHuntのような音量ボタンを提供した場合はどうでしょうか。

そして、モバイルでビデオをポスター画像に置き換えただけですか？考え？

ありがとう。

htmlvideow3c
5
ethankr

ブラウザにネイティブなHTML5プレーヤーを使用する場合。 HTML5ビデオは、ビデオをミュートして自動再生する機能を提供します。たとえば、ユーザーが再生、一時停止、ミュート解除などを行えるように、「controls」プロパティに加えて「muted」プロパティと「autoplay」プロパティをビデオタグに含めるだけです。コードは次のようになります。 ：

<html>
<body>

<video width="320" height="240" autoplay controls muted>
  <source src="movie.mp4" type="video/mp4">
  <source src="movie.ogg" type="video/ogg">
  Your browser does not support the video tag.
</video>

<p><strong>Note:</strong> The muted attribute of the video tag is not supported in Internet Explorer 9 and earlier versions.</p>

</body>
</html>
16
l33tstealth