유튜브2 유튜브 영상 팝업 작업 - 자동 재생, 자동 정지 ◆ 유튜브 영상을 팝업으로 보여줄 때 1. 팝업이 열릴 때 자동 재생 2. 팝업이 닫힐 때 자동 정지 html PLAY CLOSE css .gray_mask{ display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); } #popup{ display:none; position:absolute; } jQuery $(function(){ var embed = $('.youtube'); $('.video').empty(); /* click 'PLAY' button */ $('.pop_open').click( function() { // show popup background $('.gray.. 2020. 7. 14. 유튜브 매개변수 - 영상 자동 재생, 연속재생, 컨트롤러 숨김 등 1. 페이지 로드 시 유튜브영상 자동 재생 방법 iframe의 src 링크 뒤에 ?amp;autoplay=1삽입 (정지=0, 재생=1 이며 기본값은 0) * 스마트폰, 태플릿 등 모바일 기기에서는 영상재생 시 데이터가 소모되기 때문에 기기 설정에 따라 자동영상 재생에 제한이 있다고함. 2. 한 영상을 반복해서 재생하기 iframe의 src 링크 뒤에 ?amp;loop=1삽입 (정지=0, 재생=1 이며 기본값은 0) 3. 특정시간부터 재생 ! 동영상 퍼가기 기능에 "시작 시간"을 입력하면 자동으로 코드가 생성됨 iframe의 src 링크 뒤에 ?start=숫자(초)삽입 4. 컨트롤바 숨김 iframe의 src 링크 뒤에 ?controls=0삽입 (숨김 =0, 표시=1 이며 기본값은 1) 그 외 유튜브에서 .. 2020. 7. 14. 이전 1 다음