Embed Youtube Module for MagicMirror

v1.4.0

Using this module

To use this module, add it to the modules array in the config/config.js file:

modules: [
  {
    module: 'MMM-EmbedYoutube', // Path to youtube module from modules folder Exmaple: MagicMirror/modules/custom/MMM-EmbedYoutube/ so it's custom/MMM-EmbedYoutube
    position: 'bottom_bar', // This can be any of the regions.
    config: {
      // See 'Configuration options' in README.md for more information.
      video_id: 'w3jLJU7DT5E',
      loop: true,
    },
  },
]

Configuration

The following properties are required for configuration:

Config	Description
video_id	Youtube video id to display. You can get it from youtube url Example: https://www.youtube.com/watch?v=dQw4w9WgXcQ video_id: dQw4w9WgXcQ

Optional configuration

The following properties can be configured:

Option	Description	Default Value	Type Data
autoplay	Autoplay video when it loaded	false	Boolean
cc_load_policy	Subtitles/Closed captions enabled automatically	false	Boolean
color	Player's video progress bar to highlight the amount of the video that the viewer has already seen but color can be only red or white	"red"	String
controls	Show youtube video controls bar	true	Boolean
disablekb	Disable keyboard control	false	Boolean
fs	Displaying fullscreen button in player	true	Boolean
loop	Auto-play video again	false	Boolean
modestbranding	Prevent the Youtube logo displaying in the controlbar. But Youtube text label still display in the upper-right cornner of a paused video when the user's mouse pointer hovers over the player.	false	Boolean
rel	Show related video at the end of video	false	Boolean
showinfo	Show video title and uploader	false	Boolean
video_list	Play video from list by video id. Youtube will play video_id first then play video from video_list. See Example in Wiki	[]	Array
playlist	Play video from playlist by playlist id. *Note It will neither play video from video_id nor video_list	""	String
width	Video width	560	Integer
height	Video height	315	Integer

Support

License

MIT Copyright (c) 2017 Nitipoom Unrrom (aka nitpum)