This creates something like a “pop-up” in the middle of your screen for the content, which works pretty well for me.

.infoCenter {  
  position: fixed;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%); // This centers the box
  width: 80vw; // set the width to about 80% of the screen
  height: 20vw; // set the height to about 20% of the screen
}

The description doesn’t work properly when used in top_right or bottom_right, although the rest of the module does work - the description doesn’t work.

It’s possible there is some magic css that would make it work properly.

I’m trying it on a 7" touchscreen, so real estate is limited

-Earle

//codechange
                        var title = document.createElement("div");
                        title.className = "bright small regular fed";


                        title.innerHTML = "Zero Punctuation Review";
                        title.addEventListener("click", () => showdesc(this)); //Show description on click
                        wrapper.appendChild(title);


                        //below is the function to show description and hide title
                        function showdesc(thisdesc) {
                                thisdesc.intpause();    //clear interval
                                title.style.display="none";
/*                              var readTimer = setTimeout(function() {hidedesc(thisdesc)}, thisdesc.config.readInterval); //sets timeout for the description
                                description = document.createElement("div");
                                description.className = "infoCenter";
                                description.innerHTML = thisdesc.newsItems[thisdesc.activeItem].description;
                                description.addEventListener("click", () => hidedesc(thisdesc));  //Hide description on click
                                description.addEventListener("click", () => clearTimeout(readTimer)); //Stop timer when clicked so the next title doesn't reload again.
*/

                                description = document.createElement ("iframe");
                                description.className = "vid";
                                description.src = 'https://www.youtube.com/embed/htm+lastest?list=PLAbMhAYRuCUhawCEV2oXZGrienoKTN16X&autoplay=1';
                                description.autoplay = true;
                                description.addEventListener("click", () => hidedesc(thisdesc));  //Hide description on click
                                description.addEventListener("click", () => clearTimeout(readTimer)); //Stop timer when clicked so the next title doesn't reload again.

//                              wr.appendChild(video);







                                wrapper.appendChild(description);


                        };

                        //and to close the description on click and get next title
                        function hidedesc(thisdesc) {
                                thisdesc.activeItem++;
                                thisdesc.intresume();   //resume the interval
                                description.style.display="none";
                        };

//codechange end

Just a Suggestion in case you wanted in the future to incorporate playing the news release video as an option for your module. Sorry for playing with it!

OK my bad… I should have known better… I built the big mirror software a while ago and just fired it back up yesterday after a couple months… it’s working perfectly!!

Thanks for reminding me to check better next time :)

Is it just the newsfeed you can’t click?

Where are you supposed to touch to get it to work? It’s not working for me :(

Since my css code behaves differently for you than it does for me I would really like to know why :D

I can’t really find why you don’t get the description,

try this code in your custom.css

.infoCenter {
  position: fixed;
  top: 10px;
  z-index: 10;
}

That should make the description appear right on top of the headline.
(I also added a higher z-index value in case something is being rendered above it, but it shouldn’t be)

.infoCenter {
  Top: -400px;
}

Try the feed from some big news sources. They usually have descriptions specified.

{
                        "module": "MMM-newsfeedtouch",
                        "position": "bottom_bar",
                        "config": {
                                "feeds": [
                                        {
                                                "title": "n-tv",
                                                "url": "http://www.n-tv.de/23.rss"
                                        },
                                        {
                                                "title": "Welt",
                                                "url": "https://www.welt.de/feeds/topnews.rss"
                                        }
                                ]
                        },
                        "classes": "default everyone"
                },

This does not work with any rss feed?
Can you give me a rss link where it works, so I can test.