Children's Book App Video Trailer and WordPress

Children's Book App Video Trailer and WordPress
One of the best ways to promote or market your storybook app is to publish a video trailer, which you have created in FlashR, on YouTubeTM or Vimeo. Some potential readers will find your video on YouTube or Vimeo by searching the web or these websites. But there are a few other ways to use a video trailer to promote your children's book app. Once you have uploaded your trailer, you will also want to embed it into your storybook app's landing page, your author/artist website and your app's Facebook Fan page.

As with other WordPress features, adding a video to your WordPress site works differently than for basic HTML webpages. YouTube and Vimeo offer HTML code for sharing your video on webpages but WordPress will not work with this "sharing" code. But not to worry, embedding video into WordPress webpages is simple.

Let's walk through the steps. You will first want to export your Flash trailer in the .mov format. Next, upload your .mov video to your YouTube or Vimeo account.

  1. View your video on its YouTube or Vimeo webpage. There you will find the Share and Email buttons for embedding or emailing your video. We won't be using this code. WordPress has its own method of embedding video into a page or post.

  2. Go up to the browser window and grab the URL for the YouTube or Vimeo webpage. It will look something like this. Copy the URL.

  3. Now we will go to the admin area for your WordPress site. The next steps are the same for both posts and pages on your site.

  4. Open the post or page in the editing window. We will be adding the code to the Visual editor window and not the HTML editor window.

  5. We don't want to add the code to embed the video within a section of text. It must be placed on its own line within the page content. So we need to start a new line.

  6. On this new line, paste the URL for the YouTube or Vimeo webpage containing your video.

  7. Now we will add the opening and closing embed tags to this line of code. Put [embed] before the URL and [/embed] after the URL.


  8. Save the changes to your post or page.

The embed tag tells WordPress to embed the video it finds at the given URL into your webpage.

If you are comfortable working with HTML code. You can add the video URL into the source code. Click the HTML tag to switch from the Visual to the HTML editor for your post or page. On a separate line, add only the URL. You do not need to include the embed tags when working with the source code.

Copyright 2018 Adobe Systems Incorporated. All rights reserved. Adobe product screen shot(s) reprinted with permission from Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst and Flash Paper is/are either [a] registered trademark[s] or a trademark[s] of Adobe Systems Incorporated in the United States and/or other countries.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.