How to print a video path in videoplayercontroller.asset() in flutter

Issue

So I was trying to make a feature where when we click an icon button it will change the video path. It will change the video path using string. I was using a print("$videoname"), to make sure the string changes, and it does. But it still doesn’t work, with the videoplayercontroller.assets():

Here’s the code that I was trying to make

    String videoname="Video/Intro.mp4";
              Container(
              child:Column(
                crossAxisAlignment: CrossAxisAlignment.start,
                children: [
                ChewieListItem(
    
                  videoPlayerController: VideoPlayerController.asset(videoname),
                  looping: false,
    
                       ),
                Container(
                  margin: EdgeInsets.symmetric(vertical: 20.0),
                  height: 100.0,
                  child: ListView(
                    scrollDirection: Axis.horizontal,
                    children: [
                      IconButton(
    
                        icon:Icon(Icons.people),
                      onPressed: (){
                              videoname="Video/Intro.mp4";
                              print("$videoname");
                      },
    
    
                      ),
    
                      IconButton(
    
                        icon:Icon(Icons.personal_video),
                        onPressed: (){
                          videoname="Video/Intro1.mp4";
                          print("$videoname");
                        },
    
    
                      ),
    
    
                    ],
                  ),
                ),
    )

Solution

You can copy paste run full code below
Step 1: Use key: UniqueKey() in ChewieListItem
Step 2: Use setState in onPressed
code snippet

ChewieListItem(
          key: UniqueKey(),
          videoPlayerController: VideoPlayerController.asset(videoname),
          looping: false,
        ),
        
 IconButton(
    icon: Icon(Icons.people),
    onPressed: () {
      setState(() {
        videoname = "Video/Intro.mp4";
        print("$videoname");
      });
    },
  ),
 IconButton(
    icon: Icon(Icons.personal_video),
    onPressed: () {
      setState(() {
        videoname = "Video/Intro1.mp4";
        print("$videoname");
      });
    },
  ),        

working demo

full code

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

class ChewieListItem extends StatefulWidget {
  // This will contain the URL/asset path which we want to play
  final VideoPlayerController videoPlayerController;
  final bool looping;

  ChewieListItem({
    @required this.videoPlayerController,
    this.looping,
    Key key,
  }) : super(key: key);

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

class _ChewieListItemState extends State<ChewieListItem> {
  ChewieController _chewieController;

  @override
  void initState() {
    super.initState();
    print("ChewieListItem initState");
    // Wrapper on top of the videoPlayerController
    _chewieController = ChewieController(
      videoPlayerController: widget.videoPlayerController,
      aspectRatio: 16 / 9,
      // Prepare the video to be played and display the first frame
      autoInitialize: true,
      looping: widget.looping,
      // Errors can occur for example when trying to play a video
      // from a non-existent URL
      errorBuilder: (context, errorMessage) {
        return Center(
          child: Text(
            errorMessage,
            style: TextStyle(color: Colors.white),
          ),
        );
      },
    );
  }

  @override
  Widget build(BuildContext context) {
    return Padding(
      padding: const EdgeInsets.all(8.0),
      child: Chewie(
        controller: _chewieController,
      ),
    );
  }

  @override
  void dispose() {
    print("ChewieListItem dispose");
    super.dispose();
    // IMPORTANT to dispose of all the used resources
    widget.videoPlayerController.dispose();
    _chewieController.dispose();
  }
}

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        primarySwatch: Colors.blue,
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

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

class _MyHomePageState extends State<MyHomePage> {
  String videoname = "Video/Intro.mp4";

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
          child:
              Column(crossAxisAlignment: CrossAxisAlignment.start, children: [
        ChewieListItem(
          key: UniqueKey(),
          videoPlayerController: VideoPlayerController.asset(videoname),
          looping: false,
        ),
        Container(
          margin: EdgeInsets.symmetric(vertical: 20.0),
          height: 100.0,
          child: ListView(
            scrollDirection: Axis.horizontal,
            children: [
              IconButton(
                icon: Icon(Icons.people),
                onPressed: () {
                  setState(() {
                    videoname = "Video/Intro.mp4";
                    print("$videoname");
                  });
                },
              ),
              IconButton(
                icon: Icon(Icons.personal_video),
                onPressed: () {
                  setState(() {
                    videoname = "Video/Intro1.mp4";
                    print("$videoname");
                  });
                },
              ),
            ],
          ),
        ),
      ])),
    );
  }
}

Answered By – chunhunghan

Answer Checked By – Robin (FlutterFixes Admin)