게임을 iframe에 넣기 전에 호스팅 허가를 확인하세요

프레임 표시를 허용하는 호스트 고르기

게임 호스트나 제작자가 특정 임베드 URL 또는 위젯을 제공하는 안내를 찾으세요. 예를 들어 itch.io는 호환 형식으로 업로드된 프로젝트의 HTML5 임베드 절차를 설명합니다. 게임은 호스트가 계속 제공하고 내 페이지는 플레이어를 보여 줍니다. 모든 게임 URL을 iframe에 넣을 수 있거나 페이지를 다운로드하면 재배포 권리가 생긴다고 가정하지 마세요.

허용 도메인, 반응형 크기, 전체 화면 동작, 출처 표시, 외부 스크립트나 쿠키 포함 여부 등 호스트가 요구하는 설정을 확인하세요. 권한이 명확하지 않으면 제작자에게 문의하거나 링크만 사용하세요. 키보드와 보조 기술 사용자가 게임을 찾도록 제목과 직접 실행 링크를 눈에 띄게 둡니다.

반응형 프레임을 추가하고 시험하기

공식 임베드 코드를 출발점으로 사용하세요. iframe에 설명이 담긴 제목을 붙이고 적절한 화면 비율을 정한 다음 콘텐츠 영역에 맞게 너비를 제한합니다. 예를 들어 16:9 게임 프레임을 페이지에 따라 크기가 변하는 컨테이너로 감싸고 1,280픽셀을 고정하지 않습니다. 게임에 실제 필요하지 않다면 카메라나 마이크의 광범위한 권한을 추가하지 마세요.

휴대전화와 데스크톱, 키보드 탐색, 브라우저 콘솔을 연 상태에서 페이지를 시험합니다. 빈 프레임은 호스트의 Content Security Policy frame-ancestors 규칙이나 브라우저 제한 때문일 수 있습니다. 내 페이지를 바꿔도 호스트의 프레임 거부를 무시할 수는 없습니다. 호스트 상태를 확인하고 삽입 실패 시 일반 실행 링크를 제공하세요.

게임 주변 페이지도 사용하기 쉽게 유지하기

시작 전에 게임에 소리, 키보드, 컨트롤러가 필요한지 알려 주세요. 가능하면 안내와 나가기 경로를 프레임 밖에 두세요. 삽입된 문서의 내부 제어를 내 페이지에서 제공할 수 없을 수도 있습니다.

⁨웹사이트에 게임 삽입⁩ 관련 질문