• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
3

Masthead Video [Adobe Portfolio]

New Here ,
Feb 12, 2020 Feb 12, 2020

Copy link to clipboard

Copied

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

Views

6.1K

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
community guidelines

correct answers 2 Correct answers

Community Expert , Feb 12, 2020 Feb 12, 2020

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.

 

Votes

Translate

Translate
Community Expert ,
Feb 12, 2020 Feb 12, 2020

Copy link to clipboard

Copied

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

Votes

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
community guidelines
New Here ,
Feb 12, 2020 Feb 12, 2020

Copy link to clipboard

Copied

Adobe portfolio 😊👍🏻

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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!

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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 

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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

ABAMBO | Hard- and Software Engineer | Photographer

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

@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).

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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. 🙂

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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.

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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! 🙂

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

quote

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.

ABAMBO | Hard- and Software Engineer | Photographer

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

Thanks Abambo! 🙂

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

you're welcome.

Votes

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
community guidelines
New Here ,
Oct 24, 2023 Oct 24, 2023

Copy link to clipboard

Copied

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?

Votes

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
community guidelines
Community Expert ,
Oct 24, 2023 Oct 24, 2023

Copy link to clipboard

Copied

@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">

Votes

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
community guidelines
Community Expert ,
Oct 24, 2023 Oct 24, 2023

Copy link to clipboard

Copied

LATEST
quote

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 O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

@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.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

@Nancy OShea 

 

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

Votes

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
community guidelines
Community Expert ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

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!

Votes

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
community guidelines
Explorer ,
Dec 11, 2022 Dec 11, 2022

Copy link to clipboard

Copied

@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!

Votes

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
community guidelines
Community Expert ,
Feb 12, 2020 Feb 12, 2020

Copy link to clipboard

Copied

Votes

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
community guidelines
Community Expert ,
Feb 12, 2020 Feb 12, 2020

Copy link to clipboard

Copied

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.

 

Nancy O'Shea— Product User, Community Expert & Moderator
Alt-Web Design & Publishing ~ Web : Print : Graphics : Media

Votes

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
community guidelines