Day50 - [JSP]유튜브 영상 사용하기
2021. 4. 26. 14:08ㆍJSP 공부
이번에는 JSP 를 이용한 유튜브 영상 사용하기를 알아 봅시다.
가장 먼저, 아래와 같은 화면을 만들어 줄건데요.
이미지를 클릭 하거나, 내용을 클릭하면, 각각의 영상이 나타나는 걸 만들어 볼겁니다.
<div> 태그와 <table> 태그를 활용해서 만들어 줍니다.
이런식으로 만들어주면 되는데요, 이미지와 내용에 링크를 걸어 줍시다.
클릭하면, 링크된 "req_video_result.jsp" 라는 파일(페이지)로 넘겨줄 거에요
그러면 링크가 걸려 있는 "req_video_result.jsp" 파일을 만들어야 겠죠?
파일을 만든 후 유튜브의 원하는 영상을 클릭 합니다.
원하는 영상의 우측 하단에 있는 공유 버튼을 누릅니다.
드 후, 퍼가기를 눌러 주세요
그러면 창 우측에 나타나는 동영상 퍼가기 아래에 <iframe>태그를 전부 복사 해주고,
.jsp 파일 <body> 태그 사이에 붙여넣기 해줍니다.
이제, 클릭하는 이미지 or 내용 마다 다른 영상이 뜨도록 해줄 건데요, 링크를 get 방식으로 식별할 수 있는 데이터를 넘겨주고, 그 데이터로 if문을 사용하면 됩니다.
넘겨줄 때는, 아래와 같이.
받아서 사용할 때는 아래처럼.
null 값을 넣어준 이유는, 잘못된 경로를 통해서 접속했을 경우에 표시해주기 위해서 입니다.
※ 간단하게 보기 위해서, 영상 1개 코드만 알아 보았습니다.
이번에는 간단하게 유튜브 영상을 내 페이지에 사용하는 방법을 알아 보았습니다.
고생 하셨습니다.
'JSP 공부' 카테고리의 다른 글
| Day50 - [JSP]상대경로, 절대경로 (0) | 2021.04.27 |
|---|---|
| Day50 - [JSP]Response.redirect (0) | 2021.04.27 |
| Day49 - [JSP]HttpRequest (0) | 2021.04.24 |
| Day49 - [JSP]URL 매핑 (0) | 2021.04.24 |
| Day48 - [JSP]태그.지시자 , 주석 (0) | 2021.04.23 |