MagicMirror Forum
    • Recent
    • Tags
    • Unsolved
    • Solved
    • MagicMirror² Repository
    • Documentation
    • 3rd-Party-Modules
    • Donate
    • Discord
    • Register
    • Login
    A New Chapter for MagicMirror: The Community Takes the Lead
    Read the statement by Michael Teeuw here.

    Halloween mirror ghouls anyone?

    Scheduled Pinned Locked Moved General Discussion
    56 Posts 18 Posters 56.0k Views 19 Watching
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • B Offline
      BD0G @sdetweil
      last edited by

      @sdetweil Thanks Sam.

      I went into the MMM-EasyBack.js file and altered it to reflect the video HalloweenMM.mp4 rather than within the config.js file. I also removedt the hard coded Youtube ID that was in the MMM-EasyBack.js file.

      Now it plays the Halloween file , but I cannot control the sizing of the video and it takes up just about the entire screen.

      
      Module.register("MMM-EasyBack", {
      
          defaults: {
              bgName: "",         // .jpg, .gif, .png, Full screen animated gifs too!
              videoName: "HalloweenMM.mp4",     // your local picture files go in "images" folder of MMM-EasyBack
              youTubeID: "",      // YouTube ID from the YouTube url
              height: "800px",   // your display's resolution in pixels. Enter in config.js
              width: "600px",    // your display's resolution in pixels. Enter in config.js
              animationSpeed: "0",
              updateInterval: 60 * 60 * 1000,
          },
      
      
      S 1 Reply Last reply Reply Quote 0
      • S Offline
        sdetweil @BD0G
        last edited by

        @BD0G do not edit the source file

        all config goes in the config.js

        no idea on the youtube stuff, maybe its the default for a youtube search…

        the author is not available currently.

        Sam

        How to add modules

        learning how to use browser developers window for css changes

        1 Reply Last reply Reply Quote 0
        • B Offline
          BD0G
          last edited by

          i am going to just modify the included MMM-EasyBack.css file to see if I can shrink it. Yeah that works.

          
          
          
          .MMM-EasyBack .photo {
            width: 100%;               /* size the picture */
          }
          
          .MMM-EasyBack #video {
            width: 50%;
            height: 50%;
          }
          
          .MMM-EasyBack .iframe {
            margin-top: 50px;
                  margin-bottom: 0px;
                  margin-left: 50px;
                  margin-right: 0px;
          }
          
          
          
          S 1 Reply Last reply Reply Quote 0
          • S Offline
            sdetweil @BD0G
            last edited by

            @BD0G don’t modify the css file

            the system design is that css/custom.css will allow you to override any setting set by a module or the main.css file

            so you put those entries in custom.css

            all this no editing means the author can release updates and nothing u did is impacted

            Sam

            How to add modules

            learning how to use browser developers window for css changes

            B 1 Reply Last reply Reply Quote 0
            • B Offline
              BD0G @sdetweil
              last edited by

              @sdetweil said in Halloween mirror ghouls anyone?:

              @BD0G don’t modify the css file

              the system design is that css/custom.css will allow you to override any setting set by a module or the main.css file

              so you put those entries in custom.css

              all this no editing means the author can release updates and nothing u did is impacted

              Gotcha!

              1 Reply Last reply Reply Quote 0
              • BKeyportB Online
                BKeyport Module Developer @rvdgeer
                last edited by

                @rvdgeer so what you’re saying is android sucks? 🤣

                The "E" in "Javascript" stands for "Easy"

                S 1 Reply Last reply Reply Quote 0
                • S Offline
                  sdetweil @BKeyport
                  last edited by

                  @BKeyport thats 6 years ago…

                  Sam

                  How to add modules

                  learning how to use browser developers window for css changes

                  BKeyportB 1 Reply Last reply Reply Quote 0
                  • BKeyportB Online
                    BKeyport Module Developer @sdetweil
                    last edited by

                    @sdetweil weird. The forum told me it was a few days ago, must be a ghost in the system.

                    The "E" in "Javascript" stands for "Easy"

                    1 Reply Last reply Reply Quote 0
                    • 1
                    • 2
                    • 3
                    • 4
                    • 5
                    • 6
                    • 6 / 6
                    • First post
                      Last post
                    Enjoying MagicMirror? Please consider a donation!
                    MagicMirror created by Michael Teeuw.
                    Forum managed by Sam, technical setup by Karsten.
                    This forum is using NodeBB as its core | Contributors
                    Contact | Privacy Policy