Video Player Component - Data Bound Screen Blank Before Playing Video

[swest]

I have a Video Player component that is blank before the user clicks the play button. Is there a way I can assign an image to display before the user clicks play? Perhaps just a thumbnail of the video that is going to play?

[CharlesParker]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

I just handled this situation in the following way. I have a button to "load" the video to the player that I now have hidden. I grabbed the javascript for the button and put that in the "OnActivate" javascript section of the panelcard so that when the panel card comes into focus it loads the video which then shows the video with the play button and of course the thumbnail that would show for the video just as it would on YouTube. Alternately, if you want to use an image of your own you can assign the same click event to load the video in the OnClick of the image.
If you are using YouTube you can get the various thumbnails from several of the known URLs YouTube provides: See this link: https://stackoverflow.com/questions/...he-youtube-api

[swest]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

I have a panel card that contains the video player that opens up only when an item is clicked in a list control. In the list control I have some javascript that causes the video to play automatically. The funny thing is, the video doesnt automatically play the first time the list control item is clicked on but the second time it is clicked it plays automatically, not sure why that happens maybe the video url isnt getting set the first time before the panel card is opened? Anyway back to the other issue, where you putting the code in the "OnActivate" javascript section, would I put that in the OnClick section of the list control? I guess I will change it from automatically playing the video to just displaying a thumbnail then the user would have to click the play button before the video plays.

[CharlesParker]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

yeah, I would let the user decide to "play it" just to alleviate any loading issues. It sounds like we have a similar design, I have onClick and OnTap selected to go to the panel card as well, but again I just put the video player loading code in the OnActive section of the panelcard. If the user changes their mind, no worries. It seems like you might be able to add in a delay to get the video to play automatically on the first click instead of the second though if that is what your after...try about a 2.5 second delay.

[swest]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

I put this code on the OnLoaded event of the Video Player. It still isnt playing the video on the first click. It is acting like the URL isnt setting right the first time when clicking on the item from the list control that opens the panel card that holds the video player. Is there a way to delay opening the panel card or video player when the item is clicked in the list control? Maybe that will give it time to set the URL before opening it.

var vObj = {dialog.Object}.getControl('VIDEOPLAYER');

setTimeout(function(){
vObj.play('VIDEOPLAYER');
}, 1000);

[CharlesParker]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

I would delete the player and the button (that loads the video) and re-create them if it isn't working. I had to do it once when I altered the list control then it was working as expected.

[swest]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

It isnt a button that loads the video player. In the onclick event in a list control it opens the panel card with the video player in it and the list control on click event sets the url to play. I tried to delete the video player and set it up again but it didnt work. Is there a way to delay opening a panel card with clicked from a list control? Do you think it could be a bug in Alpha causing this?

[CharlesParker]

Re: Video Player Component - Data Bound Screen Blank Before Playing Video

Of course, convert it to code instead of the builder and add in the delay BUT I really don't think that's the right place for the delay. I think you would need to add the code for teh delay into the player event to load it. In any case I know what I am doing is working and I also think it what you want.
Create a button (and hide it client-side so you can edit it quickly if you want to later on) and grab the code for it. Create a function in the javascript functions area then call the function in the onView or OnActivate section so that when the panel card gets loaded/focused via the list event onclick the player will load the video from the list control. Auto-play is cancelled out by most browsers but you can set that in the player if you want.