1. Anuncie Aqui ! Entre em contato fdantas@4each.com.br
Anuncie aqui Patrocinador Anuncios

[Flutter] How to remove Youtube branding after embedding video in flutter

Discussão em 'Mobile' iniciado por Stack, Setembro 27, 2024 às 16:42.

  1. Stack

    Stack Membro Participativo

    I want to play a YouTube video in my Flutter app with the ability to hide EVERYTHING (Channel name, Video Title, and YouTube logo).


    • I initially attempted using the youtube_player_flutter package, but it proved incapable of achieving this.


    • Subsequently, I tried the youtube_player_iframe package, which claims to be 100% customizable. However, I couldn't find a way to hide everything. If you have any insights, please let me know.

    [​IMG]

    I've made an attempt to achieve this. With my current approach, I've successfully hidden the YouTube logo and details from the video. However, I'm facing an issue with autoplay functionality not working. Any suggestions on how to resolve this would be appreciated.

    If it's possible to achieve this using the youtube_player_iframe package, please provide guidance on how to implement it.

    class YoutubePlayerWidget extends StatefulWidget {
    final String videoId;

    const YoutubePlayerWidget({Key? key, required this.videoId})
    : super(key: key);

    @override
    _YoutubePlayerWidgetState createState() => _YoutubePlayerWidgetState();
    }

    class _YoutubePlayerWidgetState extends State<YoutubePlayerWidget> {
    late WebViewController _controller;

    @override
    Widget build(BuildContext context) {
    double screenWidth = MediaQuery.of(context).size.width;
    double screenHeight = screenWidth * (16 / 9);

    String youtubePlayerHtml =
    '''
    <html>
    <head>
    <style>
    body {
    margin: 0;
    overflow: hidden;
    }
    iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    }
    </style>
    </head>
    <body>
    <iframe
    width="$screenWidth"
    height="$screenHeight"
    src="https://www.youtube.com/embed/${widget.videoId}?controls=0&modestbranding=1&rel=0&autoplay=1&showinfo=0"
    frameborder="0"
    allowfullscreen
    id="youtubeIframe"
    ></iframe>
    </body>
    </html>
    ''';

    return SizedBox(
    height: screenHeight,
    width: screenWidth,
    child: WebView(
    initialUrl: 'about:blank',
    javascriptMode: JavascriptMode.unrestricted,
    onWebViewCreated: (WebViewController webViewController) {
    _controller = webViewController;
    _controller.loadUrl(
    Uri.dataFromString(youtubePlayerHtml, mimeType: 'text/html')
    .toString());
    },
    ),
    );
    }
    }

    Continue reading...
    Stack, Setembro 27, 2024 às 16:42
    #1

Compartilhe esta Página