동빈나 부트스트랩 웹 디자인 실전 강좌 12강 - 동영상 불러오기 (Bootstrap Web Design Tutorial #12) > 부트스트랩

 

지난 시간은 이렇게 간단하게
리스트 그룹을 만들어서 특정한 항목들을 차례대로 이렇게 풀어내는 방법에
대해서 한번 알아보는 시간을 가졌구요.
이제 구체적으로 우리같은 경우는 이렇게 특정한 강의 의 강의 목록 이렇게
차례대로 몇 강 마다 이렇게 표현되는 것을 한번 그런 해 보는 시간을
가졌습니다.
이번 시간에 보건 바로 이 더 명상 불러오기 인데요.
이제 자신의 웹사이트 아멘 유튜브나 네이버 tv 같이 다양한 외부
사이트에 동영상 콘텐츠들을 이렇게 불러온 클래스를 한번 다뤄볼 겁니다.
사실 부트스트랩 에서 제공해주는 인 별들 s4 일시 브라는 클래스
정말 간단하게 사용할 수 있으면서 이렇게 다양한 외부 웹사이트의 올라가
있는 유튜브나 네이버 tv 같은 동영상들을 쉽게 가져올 수 있게
해주는데요.
이런 클래스를 이용해서 적절한 해상도 외부 동영상을 자신의 입맛에
맞추어서 이렇게 불러올 수가 있습니다 또한 자동적으로 바른 용 웹
디자인이 적용되기 때문에 굉장히 효율적으로 웹 사이트를 구성할 수가
있습니다 데이지 한번 간단하게 인 베드 레스포 cv 에 대해서 한번 알아
볼 건데요.
말그대로 이렇게 특정한 내장된 동영상을 반 인형으로 이렇게 구현해서
가져오게 따 이런 의미를 이렇게 그대로 클래스 이름 해서 담고 있는 것을
알 수 있습니다.
한번 이렇게 바로 구해낸 해볼게요 바로 이렇게 특정한 단일 선택했을 때
강의 백로 파로 아래쪽의 동영상의 나오도록 하면 좋겠죠.
따라서 바로 다음과 같이 이렇게 서브라임 텍스트 이동 하신 다음에 이
아래쪽에 한 번 추가를 해 주겠습니다.
바로 이 쪽의 이렇게 추가를 해 주겠습니다 cib 안 다음의 클래스 로
를 넣어 주시고
다 줄게요 그다음 이제 안쪽에 다음과 같이 drv 클래스 한 다음에
이렇게 클래스를 넣어주시구요. 그다음 이제 어떠한
해상도 인지 이렇게 정해줄 수 있도록 합니다. 이렇게 저는 16 빠 있구
가장 대표적인 해상도로 이렇게 정해줄 거구요.
이제 흔히 hd 의상도 같은 경우도 이런 식으로 세탁하고 있구요 이제
흔히 hd 의상도 같은 경우도 이런 식으로 16 빠이 굴을 해상도로
채택하고 있구요.
이제 뭐 이런식으로 간단하게 써 해보도록 하겠습니다 이렇게 아내 아이
프로는 넣으시면 하면 되는건데요 이렇게 클래스 로 인 베드 레스폴 cv
아이템이라도 올 수 있습니다.
그 다음에 이렇게 소스 코드 안에 어떠한 내용이 들어갈 수 있도록 만들어
주시고 이렇게 달아 주시기만 하면 됩니다. 이렇게 아이프레임 태그를 달아
주시구요. 제 2의 아내 자신의 원하는 동영상의 주소를 넣어주면 하면
되는건데 어째 대표적으로 유튜브 동영상을 어떻게 가져오는지 알려드리도록
하겠습니다.
바로 이렇게 이런식으로 자기가 원하는 하나의 동영상을 이렇게 검색해 주신
다음에 이제 동영상을 그대로 가져올 라면은 바로 이렇게 위쪽에서 그대로
이렇게 url 에 있는 유튜브 동영상이 해당 id 값을 이렇게 그대로
복사해서 가져올 수 있도록 하게 됩니다. 소스 코드로 돌아오신 다음에 바로
여기 이렇게 넣어주시고
루트속에서 이제 이렇게 인 베드 라고 한 다음에 이런 식으로 해당 id
카피 들어갈 수 있도록 만들어 주시면 됩니다.
이 부분에 이제 이렇게 유튜브 안에서 자체적으로 제공해 주는 하나의 내
장염 동영상이 되는거구요 이제 이렇게 id 갚을 더 줌으로써 깔끔하게
동영상을 가져올 수 있는 것입니다. 이제 먼 이렇게 해주시고 저장을 해
주신 다음에 한번 새로고침을 해보시면 바로 다음과 같이 이렇게 하나의
동영상이 잘 들어가 있는 것을 볼 수 있습니다.
이렇게 한번 실행을 해보시면 정상적으로 잘 동영상
이런식으로 들어가 있는것을 알수가 있구요. 사이즈를 줄여 줄 때도
마찬가지로 정상적으로 병상이 크기가 이렇게 줄어들면서 잘 바른 향으로
나오는 것을 알 수가 있습니다.
자 이번 시간은 이렇게 간단하게 이렇게 웹사이트 안에 어떠한 동영상을
불러오는 방법에 대해서 알아보는 시간을 가졌습니다.
이제 이런 식으로 자기가 원하는 네이버 tv 라이트 부나 어떤분이 상의
등 간에 자기 마음대로 자유자제로 가져올 수가 있구요. 이렇게 이상도 또한
마찬가지로 자기가 원하는 형태로 조절할 수 있기 때문에 굉장히 간편하게
이렇게 동영상을 불러 올 수 있다는 것을 한번 공부해 보면 시간을
가졌습니다.