Creating and configuring presets - MediaFront 7.x-2.x

Last updated on
30 April 2025

Note: You may find the videos "MediaFront 2.0 Intro", and "Advanced MediaFront 2.0" very helpful in using the MediaFront module. See External Advanced Tutorials and Videos.

Display the media player in a node

To display the MediaFront media player in a node, you need to create a MediaFront preset. (Note: We also need to specify which fields media player should use. We have already completed this in Installation and initial setup for MediaFront)

  1. Go to Admin > Structure > MediaFront Presets and click Add Preset.
  2. Select a name for your preset. Let's name it nodeplayer. (When selecting a name, follow the character requirements on the page.)
  3. Add a description if you want. For Media Player, keep the default Open Standard Media Player. See the following screen shot for details.
  4. Defining Media Front Preset

  5. Hit Next. You will see a preview of how MediaFront will display your media content.
  6. Go to Player Settings > Playlist Settings> Display Settings and check the Disable Playlist checkbox. Save preset . (See the following image for details.)

  7. Creating MediaFront Preset.

  8. Now, let us edit the Content type Media to use the nodeplayer preset that you have defined. Go to Structure > Content types > your media content type and click Manage Display.

  9. Creating MediaFront Preset 3.

  10. Click the rotary wheel on the right of the the Player Settings to edit the MediaFront Presets settings. Select nodeplayer. Hit Update. Your screen should be similar to the following.

  11. Creating MediaFront Preset 4.

  12. Click Save to save the settings.
  13. A note on fields: For each content type that will use MediaFront, you must be explicit with every field you want to include in MediaFront. The title is automatically brought in. If you click on edit on any other field, there is a section called MediaFront settings which will determine how a file or field is used and displayed in MediaFront.

  14. Now. visit a node of content type Media to see the media file and image displayed using the MediaFront module.
  15. Here is a sample media node using the MediaFront player
    Creating MediaFront Preset 5.

    Note: Edit the MediaFront preset to change the look and other properties of the media player.

Set up a preset for a Views playlist

  1. Go to Structure > MediaFront Presets > Add Preset.
  2. Select a name for your preset. Let's name it player.
  3. Add a description if you want. For Media Player, select Open Standard Media Player. Hit Next.
  4. You will see a preview of how MediaFront will display your media content.
  5. Go to Preset Settings > Player Settings > Playlist Settings> Display Settings. Make sure Show Playlist is selected and that Disable Playlist in not selected. Save preset.
  6. We now have a preset that is ready to be used within a View.

Help improve this page

Page status: Not set

You can: