Safari 및 Chrome 데스크톱 브라우저에서는 비디오 자동 재생이 작동하지 않습니다.

Question

저는 동영상이 왜 이렇게 삽입되었는지 알아내려고 많은 시간을 보냈습니다.

<video height="256" 루프 자동 재생 음소거 컨트롤 id="vid">
         <source type="video/mp4" src="video_file.mp4"></source>
         <source type="video/ogg" src="video_file.ogg"></source>
</video>

FireFox에서 페이지가 로드된 후 자동 재생이 시작되지만 Webkit 기반 브라우저에서는 자동 재생되지 않습니다. 이는 일부 임의의 페이지에서만 발생합니다. 지금까지는 이유를 찾을 수 없습니다. CMS 편집자가 닫히지 않은 태그나 JS를 많이 만든 것 같습니다.

Answer 1

다른 답변에서 제안한 대로 jQuery play() 또는 DOM 조작을 사용한 후에도 Android용 Chrome(버전 56.0)에서는 여전히 제대로 작동하지 않습니다(동영상이 자동 재생되지 않음).

developers.google의 포스트를 기반으로 합니다. com, Chrome 53부터 브라우저는 동영상이 음소거된 경우 자동 재생 옵션을 존중합니다.

따라서 동영상 태그에 autoplay muted 속성을 사용하면 Chrome 버전 53 이상에서 동영상이 자동 재생됩니다.

위 링크에서 발췌:

Answer 2

내가 얻을 수 있는 가장 좋은 해결책은

뒤에 이 코드를 추가하는 것입니다. 으아악

...예쁘지는 않지만 왠지 효과적입니다.

업데이트 최근 많은 브라우저에서는 소리가 꺼진 상태에서만 자동으로 동영상을 재생할 수 있으므로 동영상 태그에 muted 속성도 추가해야 합니다

으아악