I am viewing YouTube in webview and want to remove the bottom menu

Question

I want to erase the part indicated by the arrow on the screenshot. However, I could not get the tag for the smart phone version and could not erase it.

So I need to know how to turn it off.

import 'dart:async';
import 'dart:io';

import 'package:flutter/material.dart';
import 'package:webview_flutter/webview_flutter.dart';

class Home extends StatefulWidget {
  Home({Key? key}) : super(key: key);

  @override
  State<Home> createState() => _HomeState();
}

class _HomeState extends State<Home> {
  WebViewController? controller;
  @override
  void initState() {
    if (Platform.isAndroid) WebView.platform = AndroidWebView();
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    var height = MediaQuery.of(context).viewPadding.top;

    return Scaffold(
      body: Padding(
        padding: EdgeInsets.only(top: height),
        child: WebView(
            initialUrl: 'https://www.youtube.com/',
            javascriptMode: JavascriptMode.unrestricted,
            onWebViewCreated: (webViewController) {
              controller = webViewController;
            },
            onPageStarted: (url) {
              print('Website: $url');
              //Hide header & footer
              if (url.contains('https://www.youtube.com/')) {
                //Added delayed future method for wait for the website to load fully before calling javascript
                Future.delayed(Duration(milliseconds: 900), () {
                  controller?.runJavascriptReturningResult(
                      "document.getElementsByClassName('style-scope ytd-app')[0].style.display='none';");
                });
              }
            }),
      ),
    );
  }
}

What I tried I opened the source code from a web browser and tried to get the tags. Also tried to view the mobile version with a smaller browser. However, I could not get the identical bottomnavigation menu to display.