HTML5 video

video

controls

å†ç”Ÿãƒœã‚¿ãƒ³ç­‰ã®ã‚³ãƒ³ãƒˆãƒ­ãƒ¼ãƒ©ãƒ¼è¡¨ç¤º

<video controls>
 <source src="〜.mp4">
</video>

preload

å‹•ç”»ã®äº‹å‰èª­è¾¼

<video preload="none">
 <source src="〜.mp4">
</video>

source

src

動画ファイル指定

<video>
 <source src="〜.mp4">
</video>

autoplay

自動å†ç”Ÿ

<video>
 <source src="〜.mp4" autoplay>
</video>

muted

無音性
Chromeç­‰ã„ãã¤ã‹ã®ãƒ–ラウザã§ã¯ç„¡éŸ³æ€§ã§ãªã„ã¨autoplayãŒåйã‹ãªã„

<video>
 <source src="〜.mp4" autoplay muted>
</video>

loop

連続å†ç”Ÿ

<video>
 <source src="〜.mp4" autoplay muted loop>
</video>

playsinline

レウãƒãƒ³ã‚·ãƒ–用インライン表示

<video>
 <source src="〜.mp4" autoplay muted loop playsinline>
</video>

サイズ

<style>
 video {
  width: 100%;
 }
</style>
<video>
 <source src="〜.mp4">
</video>

Follow me!

å‰ã®è¨˜äº‹

AWS CloudFormation

次ã®è¨˜äº‹

GCP Google Cloud SDK