[video_player] Add a state event for video completion #21929

Activity

1. once10301

   changed the title [-]inpluns/video_player How can I monitor the completion[/-] [+]plugins/video_player How can I listener the completion?[/+] on Sep 17, 2018
2. yasincidem commented on Sep 17, 2018

   

   yasincidem

   on Sep 17, 2018

   Last edited by zoechi

   More actions

   A solution would be something like the code below until video_player has a isEnded or isFinished method.

   import 'package:flutter/material.dart';
   import '../widgets/YourWidget.dart';
   import 'package:video_player/video_player.dart';
   import 'dart:async';
   
   class YourState extends State<YourWidget> {
     VideoPlayerController _controller;
     bool _isPlaying = false;
     Duration _duration;
     Duration _position;
     bool _isEnd = false;
   
     @override
     void initState() {
       super.initState();
       _controller = VideoPlayerController.network(
         'http://www.sample-videos.com/video/mp4/720/big_buck_bunny_720p_20mb.mp4',
       )
       ..addListener(() {
         final bool isPlaying = _controller.value.isPlaying;
         if (isPlaying != _isPlaying) {
           setState(() {
             _isPlaying = isPlaying;
           });
         } 
         Timer.run(() {
             this.setState((){
               _position = _controller.value.position;
             });
           });
           setState(() {
             _duration = _controller.value.duration;
           });
           _duration?.compareTo(_position) == 0 || _duration?.compareTo(_position) == -1 ? this.setState((){
             _isEnd = true;
           }) : this.setState((){
             _isEnd = false;
           });
         })
       ..initialize();
     }
   
    @override
     Widget build(BuildContext context) {
       return MaterialApp(
         title: _position.toString(),
         home: Scaffold(
           body: Column(
             children: <Widget> [
               _controller.value.initialized
                 ? AspectRatio(
                     aspectRatio: _controller.value.aspectRatio,
                     child: VideoPlayer(_controller),
                   )
                 : Container(),
               Text('Duration ${_duration?.toString()}'),
               Text('Position ${_position?.toString()}'),
               Text('isEnd?  $_isEnd'),
             ]
           ),
           floatingActionButton:  FloatingActionButton(
             onPressed: _controller.value.isPlaying
                 ? _controller.pause
                 : _controller.play,
             child: Icon(
               _controller.value.isPlaying ? Icons.pause : Icons.play_arrow,
             ),
           ),
         ),
       );
     }
   }
   

   👍React with 👍8Reacted by Saurav Rastogi, NiTnEuQs, Aleksandr Uspenskyi, Israel Hudson, Maadhav Sharma, Jacopo Grassi, Danylo Labenskyi and khanawan62

   🚀React with 🚀1Reacted by Israel Hudson
3. once10301 commented on Sep 18, 2018

   

   once10301

   on Sep 18, 2018

   Last edited by zoechi

   Author

   More actions

   Thank you, I have another question.

   import 'package:flutter/material.dart';
   import 'package:flutter/services.dart';
   import 'package:video_player/video_player.dart';
   
   class SplashActivity extends StatefulWidget {
     @override
     SplashState createState() => new SplashState();
   }
   
   class SplashState extends State<SplashActivity> {
     VideoPlayerController controller;
     VoidCallback listener;
   
     @override
     void initState() {
       super.initState();
       controller = VideoPlayerController.asset('assets/analects.mp4');
       listener = () {
         if (controller.value.initialized) {
           Duration duration = controller.value.duration;
           Duration position = controller.value.position;
           if (duration.compareTo(position) != 1) {
             Navigator.pushReplacementNamed(context, '/main');
           }
         }
       };
       controller
         ..addListener(listener)
         ..setVolume(1.0)
         ..initialize();
       controller.play();
     }
   
     @override
     void deactivate() {
       super.deactivate();
       controller.removeListener(listener);
       controller.setVolume(0.0);
     }
   
     @override
     Widget build(BuildContext context) {
       /// 隐藏状态栏
       SystemChrome.setEnabledSystemUIOverlays([]);
       return Scaffold(
         body: Container(
           child: VideoPlayer(controller),
         ),
       );
     }
   }

   I/flutter (28816): ══╡ EXCEPTION CAUGHT BY FOUNDATION LIBRARY ╞════════════════════════════════════════════════════════
   I/flutter (28816): The following assertion was thrown while dispatching notifications for VideoPlayerController:
   I/flutter (28816): Navigator operation requested with a context that does not include a Navigator.
   I/flutter (28816): The context used to push or pop routes from the Navigator must be that of a widget that is a
   I/flutter (28816): descendant of a Navigator widget.
   
4. once10301 commented on Sep 18, 2018

   

   once10301

   on Sep 18, 2018

   Last edited by zoechi

   Author

   More actions

   I find another question.
   in iOS this can't work.

   I used

   print('duration:${controller.value.duration}');
   print('position:${controller.value.position}');

   flutter: duration:0:00:08.040000
   flutter: position:0:00:00.000000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:00.000000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:01.153000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:01.650000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:02.152000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:02.652000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:03.152000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:03.656000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:04.160000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:04.650000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:05.153000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:05.652000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:06.150000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:06.656000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:07.152000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:07.656000
   flutter: duration:0:00:08.040000
   flutter: position:0:00:07.656000
   
5. zoechi

   added

   c: new featureNothing broken; request for a new capabilityNothing broken; request for a new capability

   plugin

   p: first party

   on Sep 25, 2018
6. zoechi

   added this to the Stretch GoalsThis milestone has been deleted milestone on Sep 25, 2018
7. zoechi

   added

   p: video_playerThe Video Player pluginThe Video Player plugin

   on Jan 8, 2019
8. jffiorillo commented on May 17, 2019

   

   jffiorillo

   on May 17, 2019

   Last edited by jffiorillo

   More actions

   @once10301
   Have you tried using the following listener?

   listener = () {
     if (controller.value.initialized && !controller.value.isPlaying){
       Navigator.pushReplacementNamed(context, '/main');
     }
   };
   

   I used in iOs and it worked for me...

   Or you allow the user to stop the video manually?
9. Hixie

   modified the milestones: Stretch GoalsThis milestone has been deleted, New Stretch GoalsThis milestone has been deleted on Jan 7, 2020
10. kf6gpe

    added

    P3Issues that are less important to the Flutter projectIssues that are less important to the Flutter project

    on May 29, 2020
11. Hixie

    removed this from the -This milestone has been deleted milestone on Aug 17, 2020
12. jerryzhoujw commented on Aug 24, 2020

    

    jerryzhoujw

    on Aug 24, 2020

    Contributor

    More actions

    You can set the loop:false, then when it play finished, fire another play if you want loop feature. and do the thing you want in that finished event.

    👍React with 👍1Reacted by Robert Robinson R
13. 10 remaining items

    Load more

14. Syed-Waleed-Shah commented on Jun 11, 2023

    

    Syed-Waleed-Shah

    on Jun 11, 2023

    Last edited by Syed-Waleed-Shah

    More actions

    Here is the simplest solution:

    videoPlayerController.addListener(() {
                    if (videoPlayerController.value.position ==
                        videoPlayerController.value.duration) {
                      // Video finished playing. Do whatever you want.
                    }
                  });
    

    👎React with 👎1Reacted by aytunc
15. flutter-triage-bot

    added

    packageflutter/packages repository. See also p: labels.flutter/packages repository. See also p: labels.

    on Jul 5, 2023
16. Hixie

    removed

    plugin

    on Jul 6, 2023
17. flutter-triage-bot

    added

    team-ecosystemOwned by Ecosystem teamOwned by Ecosystem team

    triaged-ecosystemTriaged by Ecosystem teamTriaged by Ecosystem team

    on Jul 8, 2023
18. stuartmorgan-g

    changed the title [-]plugins/video_player How can I listener the completion?[/-] [+][video_player] Add a state event for video completion[/+] on Jul 9, 2023
19. carrasc0 commented on Aug 7, 2023

    

    carrasc0

    on Aug 7, 2023

    More actions

    Not working, sometimes for some reason the position does not reach the end, in my case for exmaple the listener reah until here:

    Position: 0:00:10.908000
    duration: 0:00:11.436000

    👍React with 👍1Reacted by aytunc
20. stuartmorgan-g

    added

    customer: castaway

    on Sep 7, 2023
21. auto-submit

    closed this as completedin packages#4923on Sep 18, 2023
22. auto-submit

    added a commit that references this issue on Sep 18, 2023

    [video_player] isCompleted event. (#4923)

    ...

    64dac2b
23. github-actions commented on Oct 2, 2023

    

    github-actionsbot

    on Oct 2, 2023

    More actions

    This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.
24. github-actions

    locked as resolved and limited conversation to collaborators on Oct 2, 2023
25. creatorpiyush

    added a commit that references this issue on Jun 10, 2026

    [video_player] isCompleted event. (flutter#4923)

    ...

    cb1d101
26. bisor0627

    added a commit that references this issue on Jun 19, 2026

    [video_player] isCompleted event. (flutter#4923)

    ...

    4691397