影片無法在iphone中自動撥放
=======================
20240412
小安的專案用上影片作為網頁loading動畫，在電腦和android可以順利撥放，但在IOS上無論是chrome或safari都無法自動撥放

**解決方法：**
查了幾個討論，應該是IOS為了提升網頁瀏覽品質，現在非內嵌影片無法自動撥放(可能是為了避免全屏廣告)影響用戶體驗，所以現在需`<video>`上加上`muted playsinline`才能自動撥放，

<video autoplay muted playsinline loop preload="metadata">
  <source src="/image/pet_loading.mp4" type="video/mp4">
</video>

chrome Display & Video 360 中寫道
> 自 2019 年 6 月起，如果 HTML5 廣告素材內含的橫幅廣告內嵌影片缺少 playsinline 屬性，一律會從 Display & Video 360 競價篩除。如要確保您的廣告素材符合出價資格，請務必為所有橫幅廣告內嵌影片啟用內嵌播放。

HTML
----
> 在 HTML 內含的所有影片元素中新增 playsinline 屬性。由於這是布林值元素，因此新增 playsinline 屬性與將其設定為 True 的效果相同。

<video id="video1" controls="controls" poster="image.jpg" playsinline>
   <source type="video/mp4" src="video.mp4" />
   <source type="video/ogg" src="video.ogg" />
   <source type="video/webm" src="video.webm" />
</video>

Youtube
-------
> 如果您搭配 Google Web Designer 使用 YouTube 播放器，請視需要根據上述的 Web Designer 步驟更新廣告素材。
假如您使用 YouTube 播放器 API，請新增 playsinline 播放器參數。

<iframe id="ytplayer" type="text/html" width="720" height="405"
src="https://www.youtube.com/embed/M7lc1UVf-VE?playsinline=1"
frameborder="0" allowfullscreen>