Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[BUG] Video flickering on Firefox WEB #925

Open
Z3ZEL opened this issue Mar 16, 2024 · 2 comments
Open

[BUG] Video flickering on Firefox WEB #925

Z3ZEL opened this issue Mar 16, 2024 · 2 comments
Assignees
Labels
bug Something isn't working

Comments

@Z3ZEL
Copy link

Z3ZEL commented Mar 16, 2024

Describe the bug
The video widget is flickering whenever my mouse hovers it. Happens only on firefox, on chrome it's working well.

I had already some issues before, I had to add

WebViewPlatform.instance = WebYoutubePlayerIframePlatform(); on the initState of the widget.

Screenshots

unknown_2024.03.16-18.38.mp4

Here is the console log

RuntimeError: index out of bounds
    CanvasKitInit https://www.gstatic.com/flutter-canvaskit/04817c99c9fd4956f27505204f7e344335810aed/canvaskit.js:115
    beginRecording https://www.gstatic.com/flutter-canvaskit/04817c99c9fd4956f27505204f7e344335810aed/canvaskit.js:57
    o https://test.tiqit.fr/main.dart.js:9258
    pV https://test.tiqit.fr/main.dart.js:36726
TypeError: Instance of 'minified:jc<Object?, Object?>': type 'minified:jc<Object?, Object?>' is not a subtype of type 'String'
    c https://test.tiqit.fr/main.dart.js:5225
    aK https://test.tiqit.fr/main.dart.js:5977
    $1 https://test.tiqit.fr/main.dart.js:114712
    $1 https://test.tiqit.fr/main.dart.js:114202
    bkw https://test.tiqit.fr/main.dart.js:5187
    bpq https://test.tiqit.fr/main.dart.js:9250


Technical Details:

  • OS: Windows, Firefox ( I also tried on Linux same problem)

Additional context
Here is the code even if it's pretty basic

class _EditableTiqVideoWidgetState extends State<EditableTiqVideoWidget> {
  late YoutubePlayerController _controller;
  @override
  void initState() {
    super.initState();
    WebViewPlatform.instance = WebYoutubePlayerIframePlatform();
    _controller = YoutubePlayerController.fromVideoId(
        params: YoutubePlayerParams(
          showControls: widget.tiqContent.showControls,
        ),
        videoId: widget.tiqContent.videoId,
        autoPlay: widget.tiqContent.autoPlay);
  }

  @override
  Widget build(BuildContext context) {
    // return Container();
    return Column(
      children: [
        Padding(
          padding: const EdgeInsets.only(right: 16),
          child: Stack(
            children: [
              YoutubePlayer(
                controller: _controller,
                aspectRatio: 16 / 9,
                enableFullScreenOnVerticalDrag: false,
              ),
            ],
          ),
        ),
      ],
    );
  }
}
@Z3ZEL Z3ZEL added the bug Something isn't working label Mar 16, 2024
@leCandas
Copy link

This issue can also be reproduced with the example project on firefox.
https://sarbagyastha.github.io/youtube_player_flutter/
It's a huge blocker...

@per-activote
Copy link

I've had the same experience. I thought it was related to running the video in an overlay, but that doesn't seem to be the case. Definitely annoying especially since there doesn't seem to be a workaround.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

4 participants