HTML 5 오디오 태그에서 오디오 버튼이 끊기는 이유

모바일 버전과 PC 버전이 모두있는 웹 사이트를 만들었습니다. PC 버전에는 재생 버튼이 없지만 모바일 버전에는 해당 버전이 있습니다. 모바일 버전에서 어떤 이유로 오디오 태그가 끊어 지거나 프로답지 않게 보입니다. 나는 많은 소식통을 살펴 봤지만 실행 가능한 대답을 찾을 수 없다. 모든 도움을 미리 감사드립니다. 아래는 내 코드입니다.HTML 5 오디오 태그에서 오디오 버튼이 끊기는 이유

<html> 
<head> 
<style> 

audio { 
    position: fixed; 
    top: 50%; 
    left: 50%; 
    margin-top: -200px; 
    margin-left: -300px; 
} 

</head> 
</style> 

<body bgcolor="black"> 

<audio controls> 
    <source src="boxsoundownmaking.mp3" type="audio/mpeg"> 
</audio> 

</body> 

</html>

모든 도움을 주실 수 있습니다. enter image description here

출처

2017-05-05 Kg123

는 오디오 컨트롤이 차단되는 것을 보여 어떤 스크린 샷이 있습니까? –

예. 온라인이기 때문에 어려울 것입니다. 모바일 장치를 검색하여 다운 그레이드를 시도하는 경우 – Kg123

그러면 문제가 발생합니다. – Kg123

CSS가 교차 장치로 반응하지 않는 것 같습니다. 브라우저에서 토글 장치 도구 모음을 사용하여 전화기 화면의 크기를 결정하고 오디오가 올바르게 표시 할 장치 유형에 따라 스타일을 지정할 수 있습니다.

@media screen

자세히 사용 ... https://www.w3schools.com/cssref/css3_pr_mediaquery.asp

출처

2017-05-05 23:21:10 12345678

코드에 그 코드를 넣을 수 있습니까? – Kg123

도움을 다시 한번 감사드립니다. – Kg123

HTML 5 오디오 태그에서 오디오 버튼이 끊기는 이유

답변

관련 문제