h5에서 새로운 태그 오디오 및 비디오 사용
- 灭绝师太원래의
- 2021-10-27 17:52:234167검색
웹페이지에 오디오 리소스를 추가하라는 요청을 받으면 어떻게 구현하시겠습니까?
h5가 등장하기 전에는 iframe 요소를 사용하여 웹 페이지에 비디오 리소스를 삽입할 수 있었습니다. 코드는 다음과 같이 구현되었습니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<iframe height=498 width=510 src='http://player.youku.com/embed/XMzIzNTc0MTAwMA==' frameborder=0 '
allowfullscreen'></iframe>
</body>
</html> 효과는 다음과 같습니다.
또한 Ht ml5audio를 사용할 수도 있습니다. video 태그를 사용하여 오디오 미디어 리소스를 웹 페이지에 도입하여 웹 페이지의 풍부함을 높일 수도 있습니다.
오디오 태그의 효과는 브라우저마다 다릅니다.
아직까지는 웹 페이지에 동영상을 표시하려는 사람이 없습니다. 기준. 오늘날 대부분의 비디오는 Flash와 같은 플러그인을 통해 표시됩니다. 그러나 모든 브라우저에 동일한 플러그인이 있는 것은 아닙니다.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>h5 audio标签的使用</title>
</head>
<body>
<audio controls loop>
<source src="bgsound.mp3" />
<source src="music.ogg" />
您的浏览器版本太低
</audio>
</body>
</html> 재생 주소 전환(일반적으로 매우 선명한 화질과 고화질 사이를 전환하는 데 사용됨, 서로 다른 품질의 비디오 주소는 다름) )
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<video autoplay controls>
<source src="movie04.ogg" />
<source src="mp4.mp4" />
Opps,您的浏览器版本太低,暂不支持该视频的播放~
</video>
</body>
</html> 로드 에 삽입 가능 재생 주소의 백업 전환을 위한 여러 소스 요소 첫 번째 비디오가 로드되지 않으면 다음 비디오가 자동으로 로드됩니다.
<video src="test.mp4" controls width="400" style="max-width:90%"></video>
위 내용은 h5에서 새로운 태그 오디오 및 비디오 사용의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!