---
# System prepended metadata

title: Video
tags: [HTML筆記, video]

---

###### tags: `HTML筆記` `video`
# Video
* ## 在HTML裡加入video？
```
<video autoplay muted loop id="myVideo">
  <source src="rain.mp4" type="video/mp4">
</video>

```
在`<video>`添加 autoplay, muted, loop 等屬性，達到自動播放、靜音、循環播放效果。
參考：[在網頁放影片，自動重複播放且靜音](https://ayugioh2003.github.io/2020/03/background-video/)

* ## HTML5 Video 在iPhone不能播放？
在`<video>`添加 `playsinline`屬性，即可在手機播放。
```
<video autoplay muted loop playsinline>
  <source src="rain.mp4" type="video/mp4">
</video>

```
參考：[HTML5 Video autoplay on iPhone](https://stackoverflow.com/questions/43570460/html5-video-autoplay-on-iphone)