본문 바로가기
  • _^**_
IT지식창고/잡지식

html에 mov 사용하면 안되나요? - autoplay loop controls

by 크리드로얄워터 2023. 4. 9.
반응형

html에 mov 사용하면 안되나요? <video src="images/hd0964.mov" autoplay loop controls></video>

이런식으로 삽입하였는데요 , 자동재생이 안되네요.
 

답변 ==>

웹 브라우저에서 자동재생을 방지하는 정책이 있기 때문에,  태그에서 autoplay 속성이 작동하지 않을 수 있습니다. 이는 사용자 경험 개선을 위한 정책이며, 사용자가 의도하지 않은 미디어 재생을 막아줍니다.

하지만, 일부 웹 브라우저에서는 사용자의 인터랙션에 의해 자동재생을 허용하는 경우도 있습니다. 이 경우,  태그에서 autoplay 속성을 사용하면 자동재생이 가능합니다. 다만, 보안 및 사용성 문제 등으로 자동재생을 허용하지 않는 경우도 많으므로, 이에 대한 대처가 필요합니다.

따라서,  태그에서 자동재생이 되지 않는다면, 사용자 인터랙션에 의해 재생할 수 있도록 UI를 구성하거나, 사용자에게 자동재생을 유도하는 방법을 제공하는 것이 좋습니다. 예를 들어, "재생" 버튼을 클릭하거나, "재생" 버튼을 드래그하여 드랍할 때 자동재생을 시작하는 등의 방법이 있습니다.

===>

 

 

해당 코드는 HTML5의  태그를 이용하여 동영상을 삽입하고 있습니다.

src 속성은 동영상 파일의 경로를 지정하는 속성입니다. 위 코드에서는 "images/hd0964.mov" 경로에 있는 동영상 파일을 삽입하고 있습니다.

autoplay 속성은 동영상이 자동으로 재생되도록 설정하는 속성입니다. 다만, 웹 브라우저의 보안 및 사용성 문제로 인해, 일부 웹 브라우저에서는 자동재생을 막는 경우가 있습니다.

loop 속성은 동영상이 반복 재생되도록 설정하는 속성입니다.

controls 속성은 동영상 재생을 제어하는 컨트롤 버튼을 화면에 표시하도록 설정하는 속성입니다. 이 속성이 없으면, 사용자가 동영상을 재생/일시정지하거나 스킵할 수 없습니다.

따라서, 위 코드는 "images/hd0964.mov" 경로에 있는 동영상 파일을 자동 재생하고, 반복 재생하며, 동영상 재생을 제어하는 컨트롤 버튼을 표시하는 기능을 가진 동영상 삽입 코드입니다.

 

 

 

 

반응형

댓글