Using YouTube, Vimeo or External Files in MediaFront

Note: This information is for the 7.x-2.x version of MediaFront.

Introduction

MediaFront can be configured to use a variety of third party video providers and external files that reside on other sites/servers. Out of the box, MediaFront supports YouTube and Vimeo, but can easily be extended to support other providers.

Notes:

At this time, content types and Views that use both the file field method and text field method cannot be configured to work properly together. It is best to keep the content types and views separate for these two methods until this is resolved.

Instructions:

1. Create a new content type. Go to Structure > Administration > Content types.
2. Click Add content type.
3. Choose a name for your new content type. You can name it "Media link" or anything else. Optional: select any additional settings you want for this content type.
4. After choosing a name, hit Save and add fields.
5. In the Manage Fields section, add the following fields:

   label: Media URL
   name: media_url
   field: text
   widget: Text field

   Hit Save.
   (note: field name is not critical here...media_url is an example only)

6. In the Media link Manage Fields section, edit the Media URL settings.

   Set the MediaFront Settings field type to Media. Leave Media Type as Media Content.

7. Change the Manage Display settings for Media link. Set up the fields in this order and with these settings:

   Field, Label, Format
   Body, Hidden, Default
   Media URL, Hidden, MediaFront Player

   In the Media URL player settings, set the MediaFront preset to your desired preset. Hit Update. Hit save.

8. Add a node using this new content type.

   Go to Content > Add Content > Media link.

   Add a title. In the Media URL field, paste the url of a video. This link can be a streamed video or a video file hosted on a server. Hit Save.

Troubleshooting

• Issue: Vimeo Player control show up behind the OSM player controls (i.e Duplicate control bars). Solution: Option now available with Vimeo Plus subscription. See #1529334: Take over skin when using media module's remote stream wrappers.
• Issue: Vimeo URL shows skin only (no video) Solution: Check the url format. This does NOT work: http://player.vimeo.com/video/68675751, this format DOES work: http://vimeo.com/68675751
• Issue: YouTube Video does not show for anonymous users or says "This Video is private".
  Solution: Make sure your YouTube videos are set to either "Public" or "Unlisted". You can manage your video's Privacy Settings in your Video Manager on ouTube. Video's set to "Private" will only show through MediaFront if you are logged into YouTube as well.
• Issue: YouTube Video not loading for Mac OS X users using Google Chrome browser with the "HTTPS Everywhere" extension enabled. Solution: disable the "HTTPS Everywhere" extension.