체인의정석

영상을 바로 페이지에 불러오게 되면 시간이 오래걸린다. 따라서 웹페이지 속도를 향상시키기위하여 레이지로드를 사용하는것이 더 유리하다. 유튜브에서 따로 지원해주지 않기 때문에 이는 따로 구현하여 실행해야 한다. HTML 유튜브를 클래스를 두고 data-embeded안에 유튜브 영상 아이디를 저장시킨다. 이때 data- 를 사용하는 이유는 이렇게 될 시 youtube[0].dataset 이라는 저장공간에 바로 저장되어 html에서 지정해서 불러오는 것 보다 더 빠른 속도로 불러올 수 있다. 따라서 이렇게 data- 로 클래스를 두는 것은 여러 모듈에서 자주 쓰인다. 여기서도 data-embeded에 유튜브 영상아이디를 두어서 빠르게 접근하도록 한다. 또한 맨처음 사진이 멈춰있을 때 플레이 버튼을 만들어주기 ..