Highlighted

Controlling Video Component

Community Beginner ,
Feb 12, 2020

Copy link to clipboard

Copied

Hello,

I have created a video component to add a video to page of my interactive. I would like this video to only show up on that page and be hidden on the rest of the pages. I tried converting it into a symbol and tried targeting it to not be visbile, but it is still visible on every page.

How would I go about targeting it to be turned on when someone clicks the page button and hidden on other pages like artwork? 

 

Thank you,

JP

Timeline 400.png

Hi,

How timeline may look (shown above). Notice labels for frames on timeline where your pages will change. To move left side of Video layer, click on timeframe until small rectangle appears (may need to drag slightly), then drag to new position. On right side of Video segment, Click and drag to end (selected frames color blue); Right-Click and choose Delete Frames.

Hope this helps.

TOPICS
Code, How to

Views

160

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Controlling Video Component

Community Beginner ,
Feb 12, 2020

Copy link to clipboard

Copied

Hello,

I have created a video component to add a video to page of my interactive. I would like this video to only show up on that page and be hidden on the rest of the pages. I tried converting it into a symbol and tried targeting it to not be visbile, but it is still visible on every page.

How would I go about targeting it to be turned on when someone clicks the page button and hidden on other pages like artwork? 

 

Thank you,

JP

Timeline 400.png

Hi,

How timeline may look (shown above). Notice labels for frames on timeline where your pages will change. To move left side of Video layer, click on timeframe until small rectangle appears (may need to drag slightly), then drag to new position. On right side of Video segment, Click and drag to end (selected frames color blue); Right-Click and choose Delete Frames.

Hope this helps.

TOPICS
Code, How to

Views

161

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Feb 12, 2020 0
Adobe Community Professional ,
Feb 12, 2020

Copy link to clipboard

Copied

Your interactive what?

 

Well anyway, if memory serves there was a bug with visibility of components in a previous version of Animate. Are you running the latest version?

 

Also, exactly what code are you using to target the component? You know that components are DOM entities, not timeline entities, so must be targeted accordingly, correct? Something like this:

document.getElementById("myVideoComponent").style.visibility = "hidden";

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 12, 2020 0
Community Beginner ,
Feb 12, 2020

Copy link to clipboard

Copied

Hello!

I am using Animate 2019. I was using this.VideoPlayer.alpha=0 and this.VideoPlayer.visible=false, neither were working. I was not using the code above, I was coding it like it was a symbol which maybe the problem. I am new to Animate and I am using the coding knowledge given to me in a previous class and I am clearly not use to the various ways of coding for things. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 12, 2020 0
Community Beginner ,
Feb 14, 2020

Copy link to clipboard

Copied

The code above will hide the video component, how would I link it to a page to show up? For example, I want the video to appear on the page "Overview Animation" and play only on that page, but be hidden from the other pages. Would I add the above code to the under teh button that calls the artwork for that page? I included an image of the pages for reference. 

 

Screen Shot 2020-02-14 at 10.42.02 AM.png

Thank you, 

JP

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 14, 2020 0
Enthusiast ,
Feb 16, 2020

Copy link to clipboard

Copied

Timeline 400.png

Hi,

How timeline may look (shown above). Notice labels for frames on timeline where your pages will change. To move left side of Video layer, click on timeframe until small rectangle appears (may need to drag slightly), then drag to new position. On right side of Video segment, Click and drag to end (selected frames color blue); Right-Click and choose Delete Frames.

Hope this helps.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 16, 2020 1
Community Beginner ,
Feb 16, 2020

Copy link to clipboard

Copied

Screen Shot 2020-02-16 at 2.46.33 PM.png

If this helps with what I am trying to accomplish. The Video compenent has a 3D animation that it plays. I would like the video compoent to only be shown when the overview animation button is clicked and not the other buttons. I don't have frames for the animation embedded in the file for frame control. 

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 16, 2020 0
Community Beginner ,
Feb 16, 2020

Copy link to clipboard

Copied

Maybe, it would be easier to create a button that links to YouTube and have it play there would be easier. I have tried to create a button for the YouTube url and it doesnt seem to work. 

 

Thanks,

JP

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Feb 16, 2020 0