Adobe Portfolio – Day 7 of the 10 Day Challenge

Adobe Portfolio

Welcome back. Today we’re going to learn how to embed video in a project or on a page. If you haven’t ever created a video, maybe this is a good day for you to discover how easy it is to create a slideshow of your work in Lightroom (and save it as a video). Here’s a link to the “Publish a Slideshow” video that I created for the Lightroom CC Getting Started series. Or, if you have no interest whatsoever in video, then take the time to upload another project of your best images.  : )

Portfolio currently supports embedding video from the following sources: Vimeo, YouTube, Adobe TV, Giphy, Blip.tv, Dailymotion, SoundCloud, Mixcloud, Bandcamp, Scribd, Google Maps, Wufoo, SlideShare, Prezi, Sketchfab, Issuu. This means that you don’t upload video directly to Portfolio but instead, use the embed code from the site that hosts your video.

You can add your video to a project or to a page.

To import video on a page. You can use a page that you have already created, or make a new page. In this example, I’m going to create a dedicated page that  will display slideshows that I’ve created and posted to YouTube, but you can add video to any page (for example, the contact page that we created earlier in the week).

To get started, click the Add Content icon in the left margin.

701

Choose Page.

702AddPage

Name the page and click Create Page.

703NamePage

Click “Find files to upload” to add an image to your page, or choose “Skip this step” (you can always add images later). Portfolio creates a new, blank page.

On the floating remote, click Embed Media.

704Embed

In the Embed Media window, paste the embed code for your video and click Embed.

705EmbedCode

Note that the embed code is different from the Web Address. On whichever site you used to post your video, look for a button that says “embed”. In the case of YouTube, click the Share button (under the video), and then click Embed. Copy the code in the space below, return to the Embed Media window in Portfolio, and paste the embed code for your video.

706Youtube

Use the floating remote to add additional videos, images or text (to add a caption, for example). When finished, click Update Page, and then Return to Home.

The page will have the same look as other pages that you have previously added. To make changes to the style, click the pencil in the navigation area and choose Customize. To reorder the Page, in the navigation area, click the Manage Content icon and drag the grabber handle to reposition.

To import video within a project.

In the Navigation area, click on the project in which you want to embed video.

707ClickName

Use the floating remote and choose Edit Project Content.

708EditContent

Use the floating remote and choose Embed Media.

709Embed

In the Embed Media window, paste the embed code for your video, and click Embed.

710EmbedCode

Note that the embed code is different from the Web Address. On whichever site you used to post your video, look for a button that says “embed”. In the case of YouTube, click the Share button (under the video), and then click Embed. Copy the code in the space below, return to the Embed Media window in Portfolio, and paste the embed code for your video.

711YouTube

Click the pencil icon next to the video to reorder, add a caption, change width and alignment, resize margins, replace, or delete the embedded video.

712REorder

Use the floating remote to add more videos, images, and so on.

When finished, click Update Project, and then Return to Home.

And that’s a wrap for today’s challenge. Have a great rest of your day and I’ll see you back here again tomorrow!


Adobe Portfolio

Posted on 03-29-2016


Comments

  • By Albert Bronson - 8:25 AM on March 29, 2016  

    I appreciate this ten day challenge as the documentation for Portfolio is very sparse. However, even though this info is useful, Portfolio is still buggy and unreliable. It would be more useful at this stage for Adobe to make the program work flawlessly so that the construction of a web site in Portfolio wouldn’t be so painful. I’ve suspended work on my site because I cannot upload images without getting an error message (the red “gone wrong” banner). That is just the most glaring problem I’ve run into. The others are too numerous to mention.

    • By Julieanne Kost - 11:48 AM on March 30, 2016  

      Albert, Thank you for your comment about the “Something has gone terribly wrong” message. Indeed, the product team is narrowing down a bug that seems to be related to uploading several large images. Thank you for the feedback, it should be fixed now. -j

  • By Lynette Batton - 9:29 AM on March 29, 2016  

    First I want to thank you so much for this, I just didn’t know where to start, you have given me direction.

    Second, I tried to embed an Adobe Slate project, it doesn’t work. Bummer. You can embed them on Face book and such, and I thought it being from Adobe it would embed here.

    I’ll have to wait till I get home and make a video. 🙂

    • By Julieanne Kost - 7:44 AM on March 31, 2016  

      I agree – I would love to embed my Slate projects! I see that it’s on their roadmap, but I don’t know what other priorities the team will need to focus on before they get to this.

    • By Peter Goode - 10:03 AM on April 3, 2016  

      I just tried embedding a Slate project and it works well. You need to “share” the project first and then Adobe gives you the link to use. Then I just copy that link into my profile as new content (link) and it seems to work fine. The ability to use Adobe Profile, Slate, Lightroom, Lightroom Mobile, and Photoshop all so easily within the Creative Cloud membership is such a benefit!!

      http://pgoode.myportfolio.com/