FMX/TWebBrowser

firemonkey Android/iOS 환경에서 TWebBrowser 로 Youtube 동영상 보여주기

지병철 2024. 5. 31. 11:01

 

Firemonkey (Delphi)에서 Android/iOS 앱에서  TWebBrowser 로 Youtube 동영상을 보여주는 방법은 두 가지 가 있다.

 

1. iFrame 을 사용하는 방법 ( https://rebornbb.tistory.com/entry/HTML-iframe-%EC%9C%A0%ED%8A%9C%EB%B8%8C-%EB%8F%99%EC%98%81%EC%83%81-%EC%9E%90%EB%8F%99-%EC%97%B0%EC%86%8D%EC%9E%AC%EC%83%9D )

> scr 부분에, 유투브 url 을 입력한다. 이때 파라미터로 몇가지 세팅을 할 수 있다.

     >> autoplay=1 : 동영상 자동실행
     >> mute=1 : 소리 끔
     >> controls=0 : 동영상 아래 play/stop 등 control 창 숨김

     >> loop=1 : 동영상 자동 반복, 이때  playlist 에 동영상 이름을 다시 넣어줘야 한다

> allowfullscreen : 동영상이  full screen 상태에서 보여지게 한다

 

2. 유투브 API 를 사용하는 방법 ( https://developers.google.com/youtube/iframe_api_reference?hl=ko )

iFrame 을 사용하면, 동영상 play, stop 등 몇 가지 기능을 수동으로 조절할 수 있다.

TWebBrowser 의 EvalutesJavaScript 를 이용하면 된다.

아래 소스를 보면 사용방법을 알 수 있다.
(TWebBrowser 에서 동영상이 play 혹은 stop 되는 신호를 잡아서 동영상 play time 을 측정하는 기능을 넣으려 했는데, Firemonkey 에서 이 기능을 구현하기 어려워서, 우선 alert 표시만 하도록 만들었다.)

 

Form
Source

- 이상 -

'FMX > TWebBrowser' 카테고리의 다른 글

TWebBrowser Blank Page 만들기  (0) 2021.04.01
FMX의 TWebBrowser 에서 err_cleartext_not_permitted 발생  (0) 2020.05.26