Skip to main content

Notifications

Community site session details

Community site session details

Session Id :

Kitty Video App - Demo of Video Control Usage with YouTube

audrieFCT Profile Picture audrieFCT 987

I made this little PowerApp today just to demo the way you can use the Video Control with YouTube Videos. Let me know if you'd like to dive deeper into this one. 

 

Prep: I created an Excel spreadsheet with three columns. My goal was to test the functionality with each column. 

KittyFunSplash.PNG

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Here are the columns I used:

 

1. Title (I didn't really want to match the titles to what YouTube had though, but you could of course.)

2. Embed HTML (The Embed iFrame code that YouTube gives you to embed video on a page - which didn't work well with video control, so I didn't use it.)

3. Link (The link that YouTube gives you when you click on "Share". This worked best in the format of this app.)

 

I was also careful to format the table range in Excel as a "Table", so it would show up properly in PowerApps. (See more on that here).

 

I imported the Excel data and then created two objects on my screen:

A Video Control that I named VideoPlayer (Insert>Media>Video)

A Gallery Control that I named MovieGallery (Insert>Gallery>Text Vertical)

 

I formatted my gallery to have the three columns in my newly embedded data from excel.

 

For the VideoPlayer Control I set the media property to:

MovieGallery.Selected.Link

 

For the Video Control I set the Items property to:

Table1

 

Finally, I made a little play button (image I imported) and added that to the gallery just so you could click on it to play a movie.

 

And that's it! It worked!

 

Let me know if you have questions. I was unable to save the PowerApp as an attachment here, but if you private message me with your email, I'll send it out to you!

 

Enjoy your PowerApp experience!

 

Audrie

Comments

*This post is locked for comments

  • Community Power Platform Member Profile Picture Community Power Pla...
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    Thanks for the video! Can anyone elaborate on how to list only videos from a certain subscription.

  • Audrie101 Profile Picture Audrie101
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @sajaracOh I see what you mean now. Sorry about that. The button on the gallery is what determines which video is played. The icon on the video gallery is just like our selection icons which 'select' that gallery item, then the video media property = videogallery.selected.url

     

    If you email me (audrie at microsoft dot com) I can send you a copy of the app so you can see all my configurations.

     

    Thanks for your patience,

    Audrie

  • Sajarac Profile Picture Sajarac 3,263
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    Thank you very much for your prompt reply.

     

    Correct me if I am wrong I thought that you said that the play button inserted controls the play button in the youtube video control. so this mean when you click in the button "1." you don't need to click again in the button "2."

     

    is this correct?

     

    large.png

  • Audrie101 Profile Picture Audrie101
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @sajaracIf you are using a "Video" control then you should not need a button. Is that what you are using?

     

     

    video control.png

  • Sajarac Profile Picture Sajarac 3,263
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    Hello there, I have a silly question:

     

    in this part "Finally, I made a little play button (image I imported) and added that to the gallery just so you could click on it to play a movie"

     

    what is the code for that button? I cannot finf a way to play the video from mine. could you please let me know?

     

    Thanks in advance

  • Audrie101 Profile Picture Audrie101
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @UB400 That is a gallery on the left of the above screen shot that I was using, so agree that it's odd. I'll do some testing.

  • UB400 Profile Picture UB400 356
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @Audrie-MSFT Thanks, greatly appreciated. I'm quite befuddled with this one, as it works if the URL is added directly to the video control, but does not work for me when I call it from a Gallery or Collection.

  • Audrie101 Profile Picture Audrie101
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @UB400 Thank you for your comment. I did not do any imports to make this happen, I just used the URL of the YouTube video. I will try and repro on my iOS devices (I am using an iPhone and iPad to test) and will let you know if this is a bug. If it is I will get it logged for a future release.

     

    Thanks for letting us know,

    Audrie

     

  • UB400 Profile Picture UB400 356
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @Audrie-MSFT I'm running into issues, where Youtube videos work fine in PowerApps on a Pc, but not on IoS devices. I suspect it has something to do with  "importing" the data into PowerApps.

     

    I had a look around, but I'm not really clear on how to go about "importing" data into PowerApps. From all the examples I have found, they all talk about "exporting" data first to an Excel file and then importing it back, you did not mention this in your post.

     

    Also why is it that data needs to be "imported", why doesn't reading the URL from the entity work?

     

    In my scenario, I have gallerys that are reading data from entities in CDS and every time the gallery item is selected, I need to play the video from the link in the Gallery.

     

    Any help on this would be greatly appreciated.

  • Audrie101 Profile Picture Audrie101
    Posted at
    Kitty Video App - Demo of Video Control Usage with YouTube

    @hpkeong Your comment made my day! It's my pleasure to help to enhance your PowerApp experience and consumer adoption! -Audrie