멀티미디어

꿈꾸는 Pirate~✨·2021년 5월 7일
0

html/화면구현

목록 보기
2/4
post-thumbnail

멀티미디어 - 문자, image, audio, video

💢화면 구현에서 문자, 사진, 오디오, 동영상, 유튜브 등의 파일 첨부 방법 정리💢

> 문자 링크 첨부

< a href="http://www.google.com">구글링크(예시) </ a>

==>> 구글링크(예시)

> 이미지 링크 첨부

< a href="이미지 주소복사">
< img width="ooopx" src="이미지 주소복사" alt="">
</ a>

(예시)

> 새 탭에서 열기 (target 속성)

<a target="_blank" href=">클릭</ a>(클릭은 예시)

==>> 클릭 (클릭은 예시)

> Audio 파일 첨부

오디오.mp3 실행, audio태그, controls 속성 필요

<audio src="xx.mp3" controls></audio>

> Video 파일 첨부

비디오.mp4 실행, video 태그, controls 속성 필요, 가로 세로 사이즈 변경가능

<video width="xxxpx" src="xx.mp4" controls></video>

> 유튜브 동영상(iframe) 첨부

원하는 유튜브 동영상 찾기 -> [공유] 클릭 -> [퍼가기] 클릭 -> [<iframe ...>~~</ iframe>]까지 링크주소 ctrl+c -> 붙여넣을 장소에 링크 주소 ctrl+v

'단, 유튜브 동영상은 저작권 등의 문제로 외부에서 재생되는 것도 있고 안 되는 것도 있으므로 주의!'

0개의 댓글

관련 채용 정보