자동 재생 기능이 없으면 WordPress 비디오도 재생되지 않는 이유는 무엇입니까?
제 웹페이지에는 동영상만 있습니다.그것은 엣지에서는 잘 작동하지만 모바일 장치와 크롬에서는 잘 작동하지 않습니다.
- 비디오는 .mp4입니다.
- 자동 재생 사용 안 함
- Ocean을 사용합니다.WP 테마지만 아스트라 테마도 시도했지만 성공하지 못했습니다.
- Elementor를 사용하여 페이지를 편집하는 중입니다.
이 주제에 대한 많은 질문들이 있지만 그 중 어느 것도 나의 문제를 해결할 수 있는 해결책이 없습니다.
편집
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>
비디오 미리 보기에 비디오 파일이 작동하지 않는 것으로 표시됩니다.다음과 같은 비디오 파일의 축소판 그림이 표시됩니다.
이유는 모르겠지만, 당신이 이 페이지에 동영상을 추가했기 때문에 서버의 파일이 이동/이름 변경/삭제되었을 수 있습니다.Edge에서 작동하지만 모바일에서는 작동하지 않는다는 한 가지 설명은 이미지가 이전에 Edge 브라우저에서 캐시되었다는 것입니다.
Elementor를 통해 이미지를 제거하고 다시 추가하려고 하면 문제를 재현할 수 있습니까?
또 다른 방법은 약간 손상된 비디오 파일이 있을 수 있다는 것입니다.비디오 편집 프로그램(여러 무료 온라인 프로그램)에서 편집하고 내보낸 파일이 페이지에서 작동하는지 확인합니다.
언급URL : https://stackoverflow.com/questions/59697053/why-doesnt-wordpress-video-play-also-without-autoplay
'programing' 카테고리의 다른 글
스프링 부트가 "Optionated Defaults Configuration" 접근 방식을 따르는 것은 무엇을 의미합니까? (0) | 2023.06.29 |
---|---|
여러 window.onload 이벤트 추가 (0) | 2023.06.29 |
useRef와 forwardRef를 함께 사용하는 올바른 방법은 무엇입니까? (0) | 2023.06.29 |
Git 구성을 저장소의 일부로 저장하는 방법은 무엇입니까? (0) | 2023.06.29 |
더 이상 존재하지 않는 원격 분기를 표시하는 'git branch -av' (0) | 2023.06.29 |