비디오 반응형으로 표시하기
스킨에 기본적으로 포함된 '반응형 비디오'란 옵션을 켜시면 비디오를 반응형으로 감쌉니다. 이 기능은 기본적으로 켜져 있습니다.
이렇게 유튜브 비디오뿐 아니라, 카카오 TV, 네이버 TV 등의 비디오도 반응형으로 감쌀 수 있습니다.
비디오가 세로 비디오라면 iframe의 width를 315, height을 560으로 변경하시면 반응형으로 감쌀 수 있습니다.
정사각형인 비디오라면 width와 height 모두를 560으로 변경하시면 반응형으로 감쌀 수 있습니다.
1 | <iframe width="315" height="560" src="https://www.youtube.com/embed/eGT1uFe5Rls" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> | cs |
세로 비디오 변경 예시
스크롤 밖에서 비디오 고정하기
이 기능도 기본적으로 켜져 있는 기능입니다.
위의 반응형 비디오 옵션과 함께 사용하셔야 정상적으로 작동합니다.
이렇게 영상이 화면에 보이지 않게 되면 좌측 하단에 비디오를 고정합니다.
X 버튼을 누르면 사라집니다.
'설정 및 활용 > 활용' 카테고리의 다른 글
코드 하이라이터 사용하기 (0) | 2019.03.21 |
---|---|
커버에 유튜브 비디오 넣기 (9) | 2019.03.21 |