Masthead Video [Adobe Portfolio]

[Sdkm]

Hi
i want to have a video in my masthead. When I upload it is in poor quality. What can I do?
Daniel from Denmark

[John T Smith]

Please post the name of the Adobe program you use so a Moderator may move this message to that forum

[Sdkm]

Adobe portfolio 😊👍🏻

[KymberlySteel]

I'm also having difficulty with Adobe Portfolio (adding a video to the masthead background). When I add the video in the background, it works well for me. But... when I ask others to test it, they can't see it. They only see a black background. However, they can see it on their mobile (doesn't work with iPad either). 

Hope you can help!

[Abambo]

See here: https://community.adobe.com/t5/download-install-discussions/masthead-video-adobe-portfolio/m-p/10921...

[KymberlySteel]

Hi Abambo,

I did see that post. But what's the point of having this option available if you're recommending people don't use it? Just a bit confused. Is there no way to make it function properly? Thanks 

[Abambo]

We are users, not Adobe. We recommend what we would or wouldn't do, not what Adobe allows you to do.

[KymberlySteel]

Oh, I see. That makes sense. Thanks! 🙂

[kglad]

@KymberlySteel 

your masthead is like a logo for your website.  it should be easy for the user to recognize that they are looking at your website because of your masthead. 

a video doesn't make sense for that. eg, have you ever seen any company with a video logo, or video masthead?  even an animated logo with just a few frames is unwise.

if you want to use your masthead for something else and not convey to users that they are viewing your website, you have the freedom to do that, just like nike could change their swoosh logo for a video (if they were crazy).

[KymberlySteel]

Hi kglad,

Thanks for the feedback. I'll keep that in mind. I'm using it as a background on the landing page. I've seen many other websites with a video playing in the background (faded behind the title, etc.) and always find it looks dynamic and more interesting. Perhaps I should do some UX research before going this route. Anyway, again, thanks for your feedback. 🙂

[kglad]

you can always test the way it looks, and if you're happy with it, go with it.  it's not like your portfolio page has to satisfy the stock holders in your computer or you'll be voted off the board of directory.

[KymberlySteel]

Ha! True.

Well, I like the way the video looks. It fills the landing page. I've put a screen over it so it's not too intrusive and the title, subtitle, CTA button, and scroll arrow are very visible. The only problem I have is that it's not showing on all devices. It seems to work on a PC, my MacBook but not on others or my iPad. Anyway, it's not a big deal. I was just hoping someone might have had a similar problem (which they had resolved in some way). Thanks! 🙂

[Abambo]

I was just hoping someone might have had a similar problem (which they had resolved in some way). Thanks! 🙂

By @KymberlySteel

That makes sense too. Good luck.

[KymberlySteel]

Thanks Abambo! 🙂

[kglad]

you're welcome.

[KingNP41]

Ralph Lauren has a video as the main masthead on their landing page and so does Louis Vuitton... But from what I'm reading, it's better to have a video masthead on a video projects page for your Adobe website than on your main landing page?

[kglad]

@KingNP41 

did you have a question?

========================================

in the future, to find the best place to post your message, use the list here, https://community.adobe.com/

p.s. i don't think the adobe website, and forums in particular, are easy to navigate, so don't spend a lot of time searching that forum list. do your best and we'll move the post (like this one has already been moved) if it helps you get responses.

<"moved from download&install">

[Nancy OShea]

it's better to have a video on a video projects page than on your main landing page's masthead?

By @KingNP41

========

Yes.  Media should never be forced on users without their permission. 

• Some people with limited data plans don't want to consume video. 
• Others may not have enough available memory.
• It's always more courteous to let users decide to play media or not.

Hope that helps.

[Nancy OShea]

@KymberlySteel,

Not too surprising.  Many devices & browsers won't autoplay video containing an audio track.  There's absolutely nothing you can do about it.

As a workaround, remove the audio from your video.  Or replace video background with an animated GIF or a static image (JPG/PNG).

Hope that helps.

[kglad]

@Nancy OShea 

i didn't think any current browser played audio without user interaction.

[Nancy OShea]

Given that video is embedded in Masthead background, Portfolio is using an API to invoke autoplaying media on page load.  In the absence of player controls, some browsers will invoke autoplay without sound while others won't play anything.  MDN explains this below.

https://developer.mozilla.org/docs/Web/Media/Autoplay_guide

And then there are people like me with autoplay blockers. 😁

As a courtesy to users, I recommend keeping audio & video where it belongs in the foreground on separate project pages with player controls and mute buttons so users can choose what's best for them.  It's the right thing to do for WCAG accessibility reasons, too.

https://www.w3.org/TR/WCAG20-TECHS/F93.html

[KymberlySteel]

Ohhh I didn’t even think of that! The audio isn’t on but I didn’t remove it before saving the video in After Effects. I’ll try that… Thanks!

[KymberlySteel]

@Nancy OShea Ohhh I didn’t even think of that! The audio isn’t on but I didn’t remove it before saving the video in After Effects. I’ll try that… Thanks!

[John T Smith · Accepted solution]

There is no forum for that product here, Portfolio help may be obtained at the links below
https://helpx.adobe.com/creative-cloud/how-to/create-portfolio-website.html
https://help.myportfolio.com/hc/en-us
https://portfolio.adobe.com/
And Lighrtroom Integrations
https://blogs.adobe.com/jkost/tag/portfolio
https://lightroomkillertips.com/getting-images-lightroom-adobe-portfolio-just-got-lot-easier/
https://digital-photography-school.com/create-beautiful-online-gallery-lightroom-classic-cc-adobe-po...

[Nancy OShea · Accepted solution]

Video in a masthead is not a good idea for a lot of reasons.  I suggest you stick with background colors or images in your masthead.  Use video on project pages.