아이프레임 썸네일형 리스트형 유투브 영상 삽입시 가로세로비율을 계산해서 반응형으로 사이즈 조절 완벽해결 유투브 영상 삽입시 가로세로비율을 계산해서 반응형으로 사이즈 조절 완벽해결 유투브에 있는 영상을 퍼올때 보통 고정사이즈로 삽입을 하게 되는데요. 요새 트렌드가 반응형이잖아요. 그래서 보통 인터넷에서 검색하면 가로 사이즈를 100%로 넣어서 해결하는 방법을 제시합니다. 하지만, 이 방법을 적용하면 모바일에서는 세로가 PC버전으로 고정되어 있어 검은배경이 길게 표시되죠. 그래서 찾은 방법은 바로 이 방법입니다. 해당 사이트에 들어가셔서 유투브 동영상의 URL를 입력하면 스타일 시트로 계산해서 스크립트를 제공합니다. 저같은 경우는 아예 CSS 에서 해당 코드를 삽입한 다음 일괄적으로 적용하는 방법으로 사용하고 있답니다 ㅎ 유용하게 사용하시길 바랍니다. ㅎ P.S 아이프레임(iframe) 이나 임베드(embed.. 새창 속성과 새창 열기 여러가지 방법 정리 새창 속성 left=0, top=0, width=600, height=500, toolbar=no, location=no, directories=no, status=no, menubar=no, scrollbars=no, resizable=yes scrollbars=resizable 일 경우 스크롤 자동 방법1. 자바스크립트 사용하기 않기 input.asp 홈페이지 주소 : input_ok.asp test_new_win.asp ----- 관 련 사 이 트 ----- 네이버다음 네이트 웹페이지, 윈도우 창에서 스크롤바 강제로 없애기 웹페이지에서 스크롤 없애는 방법입니다. scrolling="no" ->스크롤 없애기 scrolling="auto" ->자동스크롤 1.프레임내의 스크롤바 없애기 프레임셋 소스에서 스크롤바를 없애고자 하는 프레임에 scrolling="no"를 추가 해 줍니다. 예) 2.아이프레임에서 스크롤바 없애기 아이프레임 태그안에 scrolling="no"를 추가 해 주면 됩니다. 예) 3.특정 웹페이지의 스크롤바 없애기 시작하는 body~태그안에 scroll=no를 추가 해 줍니다. 예) 4. 가로 스크롤바 없애기 시작하는 body~태그안에 style="overflow-x:hidden"를 추가 해 줍니다. 예) 세로 스크롤바를 없애려면 iframe 스크롤 색상 바꾸기 예제 첫번째 HTML의 TAG는 ------------------------------------------------------------------------------ ------------------------------------------------------------------------------- 와 같고. 위의 붉은색으로 표시된 부분이 iFrame 테그와 그 속성 지정 테그들. 다른 부분은 학생들마다 다를수 밖에 없을 듯. width : iFrame의 좌우 넓이 height : 상하 높이 frameborder : iframe의 테두리 보더 두께 id : iframe의 프로그래밍을 위한 ID name : iframe의 target 지정을 위한 이름 marginwidth, marginheigh.. 이전 1 다음
