이 무료 앱으로 반응 형 임베드 코드 생성하기

모든 웹 디자이너가 알고 있습니다. 동영상 퍼가기 방법. 퍼가기는 관련 미디어로 콘텐츠를 공유하고 기사를 향상시키는 가장 쉬운 방법입니다..

그러나 iframe 및 기타 유사한 동영상 퍼가기에 문제가 있습니다. 반응 형 솔루션의 부족. 모든 현대 사이트는 반응이 좋으며 고정 비디오는 모바일에서 이러한 흐름을 실제로 깨뜨릴 수 있습니다..

이 문제를 해결하려면 Embedresponsively.com. 이 무료 웹 앱 삽입 코드 자동 생성 다양한 미디어 사이트 및 심지어는 기본 iframe 요소를 지원합니다..

기본적으로 소수의 멀티미디어 사이트에서 선택 기본 포함을 지원하는

• YouTube
• Vimeo
• DailyMotion
• 인스 타 그램
• 지저귀다
• 구글지도
• 사운드 클라우드
• Scribd

이러한 모든 임베드 코드를 암기하거나 임베드 위젯을 사용하지 않아도됩니다. 다만 퍼가려는 모든 항목의 URL 복사 웹 앱에 붙여 넣으세요..

클릭하면 “깊숙이 박다” 버튼을 누르면 미리보기 받기 너는 할 수있다. 크기를 조정하여 브라우저에서 테스트, 동영상이 어떻게 적용되는지 확인하십시오. 미리보기 창 아래에 코드 블록이 있습니다. 복사 / 붙여 넣기 및 귀하의 사이트에 삽입하는 데 사용.

이는 응답 성 포함 문제에 대한 가장 간단한 솔루션 중 하나입니다. 목표는 가로 세로 비율을 유지하면서 비디오를 유연하게 유지하십시오.-쉬운 일이 아니야..

클래스와 컨테이너 요소에 더 의존하는 또 다른 솔루션 인 CSS-Tricks에는 훌륭한 부분이 있습니다. 하지만, 컨테이너 추가를 항상 기억하고 싶지는 않다. Embedresponsively.com을 선호 할 수도 있습니다..

사이트를 들여다보고 한 번 시도해보십시오. 네가 괜찮다면 긴 코드 스 니펫으로 작업하기 이는 반응이 빠른 레이아웃을위한 훌륭한 솔루션입니다..

그리고 GitHub에서 원할 경우 전체 소스 코드를 무료로 찾을 수 있습니다. 더 많은 임베디드 미디어 지원 추가.