質問編集履歴

1 指摘していただいた点について修正致しました。

pota

pota score 11

2016/08/22 01:25  投稿

html 参考サイトのgithubにvideoタグを記述してもchromeのみで自動再生(autoplay)がされない
###前提・実現したいこと  
html初心者です。
https://github.com/alvarotrigo/fullPage.js
こちらの1ページスクロールのサイトを利用して動画を自動再生できるようにしたかったため、
videoタグを記述して、
その中にautoplayも記述したのですが、
chromeで確認をすると、一番初めに、自動再生がされず、再生ボタンを
押さなければ動画が再生されません。
loop再生は確認でき、IEでもAutoplayは適用されたのですが、
chromeでは自動的に再生がされません。
どこを変更すればよいでしょうか。
指摘していただきたいです。
よろしくお願い致します。
###該当のソースコード
こちらを自分の動画に変更しました。
```  
<video controls autoplay poster="firstframe.jpg" width="320" height="240">
<source src="sample.mp4">
<source src="sample.ogv">
<source src="sample.webm">
<p>動画を再生するには、videoタグをサポートしたブラウザが必要です。</p>
</video>
```  
###試したこと
他のloop等が再生されるか。
他のブラウザで再生されるか。IEでは自動再生ができました。
###補足情報(言語/FW/ツール等のバージョンなど)
より詳細な情報
  • GitHub

    1186 questions

    GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

  • jQuery

    8953 questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • HTML5

    5787 questions

    HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

思考するエンジニアのためのQ&Aサイト「teratail」について詳しく知る