Flutter - 유튜브 영상 삽입

Youtube 영상을 삽입하기 위해선 다음과 같은 진행 과정을 거쳐야 한다.

1. 플러그인 설정
  프로젝트 경로에 있는 pubspec.yaml 파일을 찾아 dependencies: 아래 줄에 youtube_player_flutter:를 추가한다.
 

2. Info.plist 수정
  ios -> Runner -> Info.plist에
  <key>io.flutter.embedded_views_preview</key>
  <true/>
  를 넣어준다.
  

-> 하지만 이렇게 했을 때 , 오류가 발생했다. 

그래서 xcode를 열고, xcode 내에서 접근성을 주었고, 해결했다.

 

 

3. 동영상 및 비디오 컨트롤러 추가
  유튜브 주소를 복사하여 해당 유튜브의 ID를 가져와 저장 후 실행.

static String youtubeId = 'sip2qsg1_WI';

    final YoutubePlayerController _con = YoutubePlayerController(
      initialVideoId: youtubeId,
      flags: const YoutubePlayerFlags(autoPlay: false),
    );

body: Container(
      child: YoutubePlayer(
        controller: _con,
      ),
     )

 

 

해당 글의 전체 코드 : https://github.com/land-waters/flutter-study/blob/chap17/flutter_application_1/lib/main.dart

flutter-study/flutter_application_1/lib/main.dart at chap17 · land-waters/flutter-study