여태까지 고쳐온 오류들 : 사파리 video가 안보인다/재생도 안 된다

사파리에서 videos태그로 걸어둔 video가 안 보이는(정확히는 재생버튼만 허공에 떠있는) 경우가 있다. 버튼을 눌러도 재생되지 않는데, 이 경우 확장자가 webm인지 확인해보자. 사파리는 webm 확장자를 못 읽는 듯 하다.

+ 사파리에서는 백그라운드 컬러를 지정해줘야 재생버튼이 허공에 둥둥 떠있지 않다. background-image로도 활용해 볼 수 있을 듯 하다..

<div style="background-color: #ddd;">
    <video class="video" id="myVideo" controls="" playsinline="">
        <source src="../video/video.mp4" type="video/mp4">
    </video>
</div>