Adobe Community: Message List - How do you play/stop/show/hide 5 different fullscreen background videos?

Re: How do you play/stop/show/hide 5 different fullscreen background videos?

forums_noreply@adobe.com — Fri, 30 May 2014 06:26:01 GMT

thanks it was my error, but your original code did work so thanks!!

Re: How do you play/stop/show/hide 5 different fullscreen background videos?

forums_noreply@adobe.com — Tue, 27 May 2014 04:34:17 GMT

Hi James,

I guess the attached sample is different or is missing some of the assets. I don't see the "Videoimages" symbol in the library and nor the video assets. Am I missing something?

Regards,

Sudeshna

Re: How do you play/stop/show/hide 5 different fullscreen background videos?

forums_noreply@adobe.com — Mon, 26 May 2014 11:51:32 GMT

ps this is mi code in creation complete:

yepnope ( { load: "http://edgehero.js/0.2/edgehero-0.2-min.js"})

// this will set the video as background of the div/rectangle

backgroundvideo_1_mp4 ='SUNSHINE.mp4';

backgroundvideo_2_mp4 ='SHADOW.mp4';

backgroundvideo_3_mp4 ='CARLTON_BREEZY.mp4';

backgroundvideo_4_mp4 ='Land of Dreams.mp4';

backgroundvideo_5_mp4 ='Isobar_FINAL.mp4';

// put new edgehero.js variables here

Re: How do you play/stop/show/hide 5 different fullscreen background videos?

forums_noreply@adobe.com — Mon, 26 May 2014 11:31:47 GMT

Hi,

I may be doing this wrong, but I think because the videos are background videos, and their info on how to play are in the class element, controlled by edgehero javascript, the code you gave me is not affecting the videos. Please see attached link to my project, the buttons to trigger the videos are in a symbo called Videoimages.

Dropbox - PUBLISH.zip

Re: How do you play/stop/show/hide 5 different fullscreen background videos?

forums_noreply@adobe.com — Mon, 26 May 2014 04:24:18 GMT

Hi ,

You can the following snippet to say the buttons -

Button 1 to play just video 1 and hide all other videos(in this case only handling say video 2)

sym.$("video2")[0].pause();

sym.$("video2").hide();

sym.$("video1").show();

sym.$("video1")[0].currentTime = 0;

sym.$("video1")[0].play();

Similarly, code on button 2 to hide all the other videos and play only video 1 :

sym.$("video1")[0].pause();

sym.$("video1").hide();

// Show an element

sym.$("video2").show();

// Play a video track

sym.$("video2")[0].currentTime = 0;

sym.$("video2")[0].play();

Hope that helps!

Thanks and Regards,

Sudeshna Sarkar

How do you play/stop/show/hide 5 different fullscreen background videos?

forums_noreply@adobe.com — Sun, 25 May 2014 17:56:34 GMT

Hi,

I have an Edge file with 5 videos all set to fullscreen background video with a class each as follows:

backgroundvideo_1_mp4 autoplay loop

backgroundvideo_2_mp4 autoplay loop

backgroundvideo_3_mp4 autoplay loop

backgroundvideo_4_mp4 autoplay loop

backgroundvideo_5_mp4 autoplay loop

However, i want to feature 5 buttons that play the chosen video. Button 1 plays video 1 and hides the other 4, Button 2 plays video 2 and hides the other 4 etc

But what code do i use to control the videos in the actions of the buttons?

Thanks!