moodLearning Wiki

This is an old revision of the document!


Across moodLearning-supported LMS installations, videos may be embedded directly by users. Here are some of the options:

Google Drive

1. Double click on the video file in Google Drive to open it, click on “More actions” in the top right-hand corner (three vertical dots), and choose “Open in a new window.”

_

2. In the new window, click again on “More actions” in the top right-hand corner (three vertical dots) and choose “Embed item…”.

_

3. Copy the link from within the embed script, shown between the “ “ quotation marks.

_

4. Now that you have copied the embed link from your Google Drive file.

5. Then, go to your LMS and incorporate it into your course's activities.

Daily Motions

These requirements must be followed when embedding:

  • All views must be organically generated.
    • For click-to-play widgets, views are counted after the video starts once a user clicks the play button.
    • For scroll-to-play widgets, views are counted after a user has watched three seconds.
  • Embed location must not host content that violates our terms of use.
  • Players must be larger than 300 x 250 px and be positioned “above the fold”.
  • If auto-play is enabled, the sound on the video and website must also be enabled.

For best results, embedded videos should be seamlessly integrated into your websites and apps.

Here are some best practices to follow:

  • Use a 600 x 400 px player on your homepage to increase user engagement.
  • Use a 400 x 300 px player on other pages to do the same.

Embed a video from Dailymotion.com

To embed a video on your website, all you need is the video embed code. To find the embed code, we invite you to proceed as follows:

  1. Reach the video player page
  2. Select the Share icon
  3. Click on embed video

A new pop-up window will open, with the video integration code. You can now copy the integration code and paste it on your website's code.

Embed a video from your Partner Space

As a Partner and content owner, you can also directly collect your video embed code from the Media Manager:

  1. Go to the Partner Space
  2. Select Media from the navigation menu
  3. Locate the video you would like to embed and select the dropdown arrow at right.
  4. Select the share icon.

A new pop-up window will open, allowing you to select a social media embed, the video link, or the embed code.

If you select the embed code, you'll be able to define a few parameters such as:

  • The player size (responsive by default, or custom if needed)
  • The autoplay policy (enabled by default, or disabled if needed)
  • The start time (not activated by default)

Depending on the parameters selected, the embed code will automatically update. Once you've selected all your parameters, you will be able to copy the integration code and paste it on your website's code.

Alternatively, you can copy the embed code for your video in the video edit page. Navigate to the advanced video edit page and copy the Embed code for your video to paste onto your site.

Sharing & Embedding Playlists

Just as you can share videos on Dailymotion, you can also share your playlists. Our sharing tools allow you to easily distribute your playlists to other audiences and platforms.

Share Using a Playlist URL

You can share a playlist using its Dailymotion URL by following these steps:

  1. Go to your Partner HQ
  2. Go to the Media section and select the Playlist tab
  3. Click on the 3 dots next to the playlist you want to embed
  4. Click on Share
  5. Copy the Playlist URL

A playlist can be shared with the following URL model:

https://www.dailymotion.com/embed/playlist/PLAYLIST_ID ==== = Use a playlist as a content queue ===== You can customize the queue by choosing a specific playlist which will be used as a source to populate the queue. To get more information on this feature, please follow our dedicated article. ==== How to share your playlist using an embedded player ==== Please note: Embedding playlists is only possible when using public videos. - Go to your Partner HQ - Go to the Media section and select the Playlisttab - Click on the 3 dots next to the playlist you want to embed - Click Share - Open the Embed tab The tab will open, showing the iframe embed code Playlist_embed.gif Code example: ==== How to customize your embedded player ==== You can use a variety of parameters to customize an embedded Dailymotion player. For more information on these parameters, please visit our API documentation . ==== Private content behavior within an embedded playlist ==== Depending on the content visibility settings applied, your content may not be available on the queue. If the content is set on public, all your content will be displayed in the queue. If the content is set on private, your content won't be displayed in the queue. If the playlist is a mix of private and public content, only the public content will be displayed in the queue. ====== ====== ====== Player customization and logo overlay ====== Player customization and logo overlay allow you to customize the player when your videos are embedded offsite. Use the logo overlay feature to add a logo to the bottom right corner of your videos. Use the player customization feature to change the player’s behavior and appearance. To edit your logo overlay and player customization settings, follow the steps below. - From Partner HQ, select Embed from the navigation menu. - Select Player from the sub-navigation menu that appears From this page you can: Upload a Logo Click the Upload button to upload an image file. Image file requirements: * * * * Maximum file size: 3 MB * File type: Transparent PNG * Dimensions: At least 200 px wide (recommended) * Style: Flat and unicolor (white often works best)You can change your logo by clicking the Remove Logo button and then uploading a new photo. Logo link You can choose to enter your logo link in the required field if it is hosted on your image bank. Customize your player settings, such as: * Accent color (the color of the progress bar) * The text field uses standard hex colors * Whether to display the Dailymotion logo in the control bar * Whether to display the share button on the player * Whether to display video information on the splash screen * This is the screen that is displayed in the player before playback has started Click the Save button to save your changes.

Alternatively, customize your player via API: https://developer.dailymotion.com/player#player-api ''