유튜브영상삽입(2)
-
[003] HTML - iframe 태그 (유튜브 영상, 구글 지도 삽입하기)
안녕하세요~ totally 개발자입니다. 오늘은 iframe 태그에 대해서 알아보도록 하겠습니다. iframe 태그는 쉽게 말해 웹페이지 안에 다른 웹페이지를 넣는 것을 이야기합니다. 많이 쓰이는 예시가 유튜브 영상, 구글 지도 삽입입니다. 이 iframe 태그로 지도를 넣는 방법은 아래처럼 구글 맵스에서 장소를 검색하고 아래 Share (공유) 버튼을 누르고 Embed a map에 가서 COPY HTML 버튼을 누르시면 됩니다. 위 이미지에 10번째 줄처럼 붙여넣기만 해주시면 됩니다. 그러면 지도가 바로 출력된 것을 확인해볼 수 있습니다. 하지만 요즘에는 iframe 태그가 XSS(Cross Site Scripting) 즉 다른 도메인에서 스크립트를 실행하는 행위 등 여러 이슈가 발생할 수 있기 때문에..
2023.01.14 -
[021] 플러터 (Flutter) 배우기 - Youtube Video (유튜브 동영상 삽입)
안녕하세요~ totally 개발자입니다. Youtube Video 오늘은 플러터에 유튜브 동영상을 삽입하는 방법에 대하여 알아보겠습니다. 이 유튜브 동영상 삽입을 위해서는 플러그인을 사용해야 하는데 진행 과정은 아래와 같습니다. 1. 플러그인 설정 2. Info.plist 수정 3. 동영상 및 비디오 컨트롤러 추가 먼저 플러그인 설정부터 확인해보도록 하겠습니다. 1. 플러그인 설정 우선 프로젝트 경로에 있는 pubspec.yaml 파일을 찾고 dependencies: 아래 줄에 youtube_player_flutter: 을 추가해줍니다. 2. Info.plist 수정 ios -> Runner -> Info.plist에 5,6번째 줄처럼 io.flutter.embedded_views_preview 넣어줍니..
2022.11.11