在做響應式網站中，PC端視訊自動播放，移動端使用圖片替換，樣式使用的是媒體查詢控制隱藏

@media screen and (max-width: 768px){video {display: none;}}

problem: 在iOS裝置上的百度瀏覽器，剛進入頁面自動放大video,自動播放video了，點選video關閉或者返回後，頁面還是正常展示靜態圖片，點選圖片不會彈出視訊播放，再次進入頁面會播放。
解決辦法：屬性控制video,禁止video自動全屏 x5-playsinline="" playsinline="" webkit-playsinline=""

<div class="vw-h-43 sm-vw-h-60 bg-center relative w-full" style="background-color: #EFEFF6;background-image: url(./images/1.jpg);background-size: cover;">
   <div class="video-bg w-full h-full">
      <video muted="" data-autoplay="" loop="loop" autoplay="autoplay" src="./images/1.mp4" class="video-tvc" id="video-tvc" data-object-fit="" x5-playsinline="" playsinline="" webkit-playsinline="">抱歉，您的瀏覽器不支援內嵌視訊</video>
   </div>
</div>