programing

자동 재생 기능이 없으면 WordPress 비디오도 재생되지 않는 이유는 무엇입니까?

testmans 2023. 6. 29. 19:53
반응형

자동 재생 기능이 없으면 WordPress 비디오도 재생되지 않는 이유는 무엇입니까?

제 웹페이지에는 동영상만 있습니다.그것은 엣지에서는 잘 작동하지만 모바일 장치와 크롬에서는 잘 작동하지 않습니다.

  • 비디오는 .mp4입니다.
  • 자동 재생 사용 안 함
  • Ocean을 사용합니다.WP 테마지만 아스트라 테마도 시도했지만 성공하지 못했습니다.
  • Elementor를 사용하여 페이지를 편집하는 중입니다.

이 주제에 대한 많은 질문들이 있지만 그 중 어느 것도 나의 문제를 해결할 수 있는 해결책이 없습니다.

enter image description here

편집

enter image description here

Apple WebKit 공식 문서(iOS)에서 다음을 수행합니다.

iOS 10부터 WebKit는 인라인 및 자동 재생 정책을 완화하여 이러한 프레젠테이션을 가능하게 하지만 사이트의 대역폭과 사용자의 배터리를 염두에 둡니다.

기본적으로 WebKit에는 다음 정책이 있습니다.

  • 원본 미디어에 오디오 트랙이 없는 경우 비디오 요소는 사용자 제스처 없이 자동 재생할 수 있습니다.
  • 비디오 음소거 요소는 사용자 제스처 없이도 자동 재생할 수 있습니다.요소가 오디오 트랙을 얻거나 사용자 제스처 없이 음소거되지 않으면 재생이 일시 중지됩니다.

https://webkit.org/blog/6784/new-video-policies-for-ios/

모바일 크롬(Android)의 경우:

비디오용 음소거 자동 재생은 버전 53부터 Android용 Chrome에서 지원됩니다.자동 재생과 음소거가 모두 설정된 경우 비디오 요소가 표시되면 비디오 요소의 재생이 자동으로 시작되며, 음소거된 비디오의 재생을 재생()과 함께 프로그래밍 방식으로 시작할 수 있습니다.이전에는 음소거 상태에 관계없이 모바일에서 재생을 사용자 제스처로 시작해야 했습니다.

https://developers.google.com/web/updates/2016/07/autoplay

예:

 <video id="myVideo"muted defaultMuted autoplay playsinline controls>
     <source src="myVideo.mp4" type="video/mp4">
 </video>

비디오 미리 보기에 비디오 파일이 작동하지 않는 것으로 표시됩니다.다음과 같은 비디오 파일의 축소판 그림이 표시됩니다.

Working example

이유는 모르겠지만, 당신이 이 페이지에 동영상을 추가했기 때문에 서버의 파일이 이동/이름 변경/삭제되었을 수 있습니다.Edge에서 작동하지만 모바일에서는 작동하지 않는다는 한 가지 설명은 이미지가 이전에 Edge 브라우저에서 캐시되었다는 것입니다.

Elementor를 통해 이미지를 제거하고 다시 추가하려고 하면 문제를 재현할 수 있습니까?

또 다른 방법은 약간 손상된 비디오 파일이 있을 수 있다는 것입니다.비디오 편집 프로그램(여러 무료 온라인 프로그램)에서 편집하고 내보낸 파일이 페이지에서 작동하는지 확인합니다.

언급URL : https://stackoverflow.com/questions/59697053/why-doesnt-wordpress-video-play-also-without-autoplay

반응형