YouTube 동영상과 같은 웹 콘텐츠를 포함하면서비스가 소스 코드를 제공하므로 붙여 넣기 만하면되므로 매우 쉽습니다. 문제는 반응 형 디자인의 웹 사이트에 링크를 붙여 넣을 경우 포함 코드 자체가 반응하지 않기 때문에 비디오 프레임의 크기가 조정되지 않는다는 것입니다. Google지도, Vimeo 및 Instagram의 임베드도 마찬가지입니다. 방법을 알고 있다면 언제든지 코드를 직접 편집하여 반응 형으로 만들 수 있지만 훨씬 빠르고 쉬운 방법은 반응 적으로 임베드. YouTube, Vimeo, Google Maps 및 Instagram과 같은 서비스의 콘텐츠에 대한 반응 형 임베드 코드를 제공하기위한 전용 웹 앱입니다.
반응 형 임베드 사용은 간단합니다. 먼저 삽입 할 대상을 찾아야합니다 (Google지도의 위치, YouTube 또는 Vimeo의 비디오 또는 Instagram의 사진 또는 짧은 비디오). 서비스 자체 기능에서 임베드 코드를 복사 할 필요는 없습니다. 해당 페이지의 URL을 복사하면됩니다. 다음으로, Embed Responsively (내장 응답)를 방문하여 사용 가능한 옵션 중에서 동일한 서비스를 선택하십시오.
서비스에서 복사 한 URL을 붙여넣고‘포함’버튼을 클릭하십시오. 퍼가 고있는 동영상,지도 또는 이미지의 미리보기와 그 아래에 반응 형 퍼가기 코드가 표시됩니다. 이제 자동 생성 된 다른 임베드 코드와 마찬가지로 웹 사이트에 임베드 코드를 붙여 넣기 만하면됩니다. 화면 크기에 따라 자동으로 크기가 조정됩니다.
말할 필요도없이웹 사이트에 광고 된대로 작동하는 반응 형 임베드 코드, 웹 사이트 자체는 반응 형 디자인으로 시작해야합니다. 그렇지 않으면 반응 형 임베드 코드를 사용할 필요가 없습니다. 화면 크기의 변화를 감지해야하는 웹 사이트이기 때문입니다. 링크를 붙여 넣은 다음 브라우저 창의 크기를 조정하여 Embed Responsively 웹 사이트 자체에서 코드를 테스트 할 수 있습니다. 창 크기를 변경하면 생성 된 미리보기의 크기가 조정됩니다. 또한 창의 가장자리에 달라 붙지 않도록주의하여 양쪽에 패딩을 남겨 둡니다.
퍼가기특히 Twitter 및 SoundCloud와 같은 서비스에서 기본적으로 반응 형 임베드 코드를 제공하는 경우 YouTube 및 Google지도와 같은 웹 사이트의 코드가 응답하지 않습니다. 또한 '추가'탭 아래에서 다른 서비스를 찾는 데 도움이됩니다.
반응 적으로 임베드 방문
[다음 웹을 통해]
코멘트