Jagan
Jagan

Reputation: 43

How to open Video in next page in flutter?

I need to display only the names of videos in home page, and if I click the particular name of video the video player must be open. How can I achieve this?

Upvotes: 1

Views: 884

Answers (1)

Deepika Tripathi
Deepika Tripathi

Reputation: 61

Make a separate screen in which you can implement a video player. Use this package video player or chewie player.You just have to pass either the URL or the Video file of the selected video. You can also pass the asset name if videos are in assets.

    import 'package:chewie/chewie.dart';
    import 'package:chewie/src/chewie_player.dart';
    import 'package:flutter/cupertino.dart';
    import 'package:flutter/material.dart';
    import 'package:video_player/video_player.dart';

    class ChewieDemo extends StatefulWidget {
         ChewieDemo({this.url});

          final String url;

        @override
        State<StatefulWidget> createState() {
          return _ChewieDemoState();
          }
      }

    class _ChewieDemoState extends State<ChewieDemo> {

         VideoPlayerController _videoPlayerController;

         ChewieController _chewieController;
      

      @override
      void initState() {
        super.initState();
        _videoPlayerController = VideoPlayerController.network(
           widget.url);

         _chewieController = ChewieController(
        videoPlayerController: _videoPlayerController,
         aspectRatio: 3 / 2,
         autoPlay: true,
         looping: true,
 
          );
         }

     @override
     void dispose() {
     _videoPlayerController.dispose();

      _chewieController.dispose();
      super.dispose();
      }

     @override
    Widget build(BuildContext context) {
      return Scaffold(
     appBar: AppBar(),
    body: 
        Container(
         height: MediaQuery.of(context).size.height * 0.5,
         width:  MediaQuery.of(context).size.width * 0.5,
          child: Center(
            child: Chewie(
              controller: _chewieController,
            ),
          ),
        ),
        ),
     
  );

    }
     }

Upvotes: 2

Related Questions