moodLearning Wiki

Differences

This shows you the differences between two versions of the page.

Link to this comparison view

Both sides previous revision Previous revision
Next revision
Previous revision
Last revision Both sides next revision
video-embedding-options [2021/10/21 02:19]
ton [Daily Motions]
video-embedding-options [2021/11/28 01:46]
serbizadmin
Line 2: Line 2:
  
 ====== Google Drive ====== ====== 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**."
 +
 +{{:screenshot2021-10-21at1.13.28pm.png?nolink&700x399}}
 +
 +2. In the new window, click again on "**More actions**" in the top right-hand corner (three vertical dots) and choose "**Embed item**…".
 +
 +{{:screenshot2021-10-21at1.53.21pm.png?nolink&700x399}}
 +
 +3. Copy the link from within the embed script, shown between the** " "** quotation marks.
 +
 +{{:screenshot2021-10-21at1.58.38pm.png?nolink&700x380}}
 +
 +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.
 +
 +{{youtube>yru4ZS2XJYo?large|Video embedding in mLMS }}
  
 ====== Daily Motions ====== ====== Daily Motions ======
Line 21: Line 39:
   * Use a 400 x 300 px player on other pages to do the same.   * Use a 400 x 300 px player on other pages to do the same.
  
-====  Embedding videos  ==== +==== Embed a video from Dailymotion.com ====
- +
-====   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: 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:
Line 33: Line 49:
 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. 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   ====+==== 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:** As a Partner and content owner, you can also directly collect your video embed code ** from the Media Manager:**
 +
   - Go to the **Partner Space**   - Go to the **Partner Space**
-  - Select **Media** from the navigation menu+  - Select **Media**  from the navigation menu
   - Locate the video you would like to embed and select the dropdown arrow at right.   - Locate the video you would like to embed and select the dropdown arrow at right.
   - Select the share icon.   - Select the share icon.
Line 53: Line 70:
 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. 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  ======+==== 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. 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   ===== +====== Other Options ======
- +
-You can share a playlist using its Dailymotion URL by following these steps: +
- +
-  - Go to your Partner HQ +
-  - Go to the** Media section** and select the **Playlist** tab +
-  - Click on the 3 dots next to the playlist you want to embed +
-  - Click on **Share** +
-  - Copy the **Playlist URL** +
- +
-A playlist can be shared with the following URL model: +
-<code> +
- +
-https://www.dailymotion.com/embed/**playlist/PLAYLIST_ID** +
- +
-</code> +
-=====     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 [[https://faq.dailymotion.com/hc/en-us/articles/360010929520|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 **Playlist** **tab** +
-  - 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 +
- +
-{{https://faq.dailymotion.com/hc/article_attachments/360024689374/Playlist_embed.gif?nolink&|Playlist_embed.gif}} +
- +
-Code example: +
-<code> +
- +
-<iframe frameborder="0" width="480" height="270" src="https://www.dailymotion.com/embed/playlist/x5x7u0" allowfullscreen allow="autoplay"></iframe> +
- +
-</code> +
- +
-====   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 [[https://developer.dailymotion.com/player#player-parameters|API documentation]]. +
- +
-==== Private content behavior within an embedded playlist ==== +
- +
-Depending on the **[[https://faq.dailymotion.com/hc/en-us/articles/115009030028|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:** +Other video recording or playback options include:
-  * 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|https://developer.dailymotion.com/player#player-api]]//+  * [[https://www.loom.com|Loom]]The free version features screen recording and team collaboration. 
 +  * moodLearning's CDN. Videos are uploaded on a data center nearest to your users. Contact moodLearning staff for demo.