우수한 소프트웨어와 실용적인 튜토리얼
아이오에스휴대폰에서 자동재생 자동재생을 구현하는데 문제가 없습니다. 음소거됨 속성을 사용할 수 있는 후자동재생, 방금 무음 모드를 켰어요.기계적 인조 인간일부 휴대폰에는 재생 시작 버튼이 있어서 클릭만 하면 재생이 되지만, 일부 휴대폰에는 재생 버튼이 없어서 동영상을 재생할 수 없습니다. 해결 방법 중 하나는 다음과 같습니다. 음소거됨 속성(음소거)이지만 결과적으로 소리는 나지만 재생 과정은 없습니다.
PC와 Android는 hls.js를 사용하여 hls 스트림의 자동 재생과 전체 화면 및 전체 화면이 아닌 재생을 실현합니다.
처음 사용됨hls.js플러그인, PC 및 Android 기기에서 자동으로 재생 가능하며 전체 화면 및 비전체 화면 재생.
하지만 Apple 휴대폰에서는 재생을 지원하지 않습니다. HLS 공식 웹사이트에 따르면 해당 라이브러리는 MSE를 사용합니다. HTML5 비디오 그리고 미디어소스 확장 재생을 위해. MSE는 iOS를 지원하지 않는 것으로 확인되었습니다. mdn 스크린샷은 다음과 같습니다.
요약: PC와 안드로이드 모두 hls.js를 지원하지만, iPhone은 지원하지 않습니다. 다행히 video 태그가 hls 재생을 지원한다는 것을 알게 되었습니다.
탐색: Apple 모바일 폰은 비디오를 사용하여 HLS 스트림의 자동 재생을 구현합니다.
테스트 후 재생 버튼을 눌러야 재생이 되는데, 자동으로 재생되지 않습니다. 이유는 다음과 같습니다.새로운):
번역 + 테스트는 다음과 같습니다.
자동 재생을 위해서는 다음 조건이 충족되어야 합니다.
1.
2.
3.
4. 재생을 시작할 때 요소가 인라인으로 재생되고 자동으로 전체 화면 모드로 전환되지 않도록 허용합니다. 즉, playsinline webkit-playsinline입니다.
자동재생이 이미 진행 중이면 다음 상황 중 하나가 발생하면 자동재생이 일시 중지됩니다.
1. 예를 들어 뷰포트 밖으로 스크롤하면 요소가 보이지 않게 됩니다.
2.
테스트 후, 비디오는 다음과 같은 속성을 가지며 자동으로 재생될 수 있습니다.
요약: autoplay muted playsinline="true" webkit-playsinline="true" 속성을 사용하여 자동 재생을 활성화하세요. 가장 치명적인 문제는 자동 재생이 무음으로 실행된다는 것입니다.
타협점: 애플폰은 자동으로 보류할 필요가 없고, 전체 화면과 전체 화면이 아닌 화면으로 플레이해야 함
코드를 변경하여 playsinline="true" webkit-playsinline="true" 컨트롤을 자동 재생하도록 하세요. 클릭하면 재생됩니다(전체 화면으로 자동 팝업). iOS 13에서는 두 손가락 접기를 통해 인라인 재생이 가능합니다. iOS 13 미만에서는 접기를 하면 즉시 일시 정지되며, 다시 클릭하면 전체 화면으로 재생됩니다.
검색 후 코드가 다음과 같이 변경되었습니다.
x-webkit-airplay="allow"는 필수입니다. 이 속성은 이 비디오가 iOS의 AirPlay 기능을 지원하도록 해야 합니다. 하지만 이 코드를 추가하면 iOS 13 이하 버전에서 인라인 재생이 가능하지만, 삭제하면 작동하지 않습니다. x5-playsinline은 WeChat에서 전체 화면 재생을 금지합니다.
요약:
1. PC와 Android는 모두 hls.js를 지원하지만 Apple 휴대폰은 지원하지 않습니다.
2. Apple 휴대폰은 비디오를 사용하여 HLS 스트림을 재생할 수 있습니다. autoplay muted playsinline="true" webkit-playsinline="true" 속성을 사용하면 자동으로 재생될 수 있습니다. 더 심각한 문제는 자동 재생 중에 소리가 나지 않는다는 것입니다.
3. IOS13 이하에서 인라인 재생을 위해서는 x-webkit-airplay="allow"를 추가해야 합니다.
