Skip to main content

How to hide a html5/flash video, so that it does not reloads when its again made visible?

Have you ever faced a problem where once you 4hide an html5 or flash video by setting the visibility:none or simply using jquery $('#div-video-container').hide() and then doing a $('#div-video-container').show() actually reloading the video. Which means you would loose the position where you actually paused the video on hide. This behavior is seen mostly on firefox.

I recently faced the problem, and after lots of googling also I never got a solution which can work across all the browsers and be simple. Then finally i devised my own solution.

The simplest hack can be to lower the z-index of the div and introduce a newer div over it of higher z-index. Make sure this new div does'nt have a transparent background else the the video element would still be seen.

I hope this would be helpful.

Popular posts from this blog

Watch Live cam on Google!!!!!

Ahhh!!! type certain string in google search bar above and it would bring up the network live cam into your browser. These can be anything from CCTV or webcams... There are lots of string.. i suggest a few down below use them to begin with.. And do come up with your own.. and leave a comment to the post... And ya.. if u come up with something interesting then don forget to share it.. Strings::: Axis cameras: "adding live video to one of your own pages a very easy task with an AXIS 2100 Network Camera" ' google ' intile:"Live view - / - AXIS" ' google ' "Your browser has JavaScript turned off.For the user interface to work effectively" ' google ' inurl:indexFrame.html axis ' google ' "Live web imaging unleashed" ' google ' MOBOTIX cameras: (intext:"MOBOTIX M1" | intext:"MOBOTIX M10") intext:"Open Menu" Shift-Reload ' google ' JVC cameras: "(c)copyright 199...

Why India Hasn’t Built Its GPT Moment (Yet)

India has the world’s third-largest startup ecosystem, a thriving developer base, and a mobile-first population larger than the US and Europe combined. Yet, no GPT-4. No DeepMind. No Amazon-style platform. Why? Innovation Isn’t Accidental—It’s Engineered The Zerodha Daily Brief recently asked why India hasn’t built a global product company like Apple. The key argument: India isn’t building for the world. It’s solving for local constraints, scale, and affordability—but global scale requires deep IP, design, and tech differentiation. It’s not just about software, it’s about systems thinking. More importantly, it answers the question: Why do countries innovate? The answer isn’t just genius or ambition—it’s incentives and ecosystems. The U.S. Defense Department, for example, accounted for nearly 70% of federal R&D funding during the Cold War. China has pumped billions into semiconductors and AI with long-term national alignment. These aren’t short-term bets—they are strategic, delibe...

8 Product Management lessons from the movie 'Gold'

The movie 'Gold' starring Akshay Kumar, is an inspirational story of how passion, determination and persistence can help one achieve the Impossible. The character of Tapan Das, who was the Team Manager of Indian Hockey Team, is a fine example of an ideal Product Manager . Listing few of the core responsibilities/skillset of an ideal PM with examples from the movie (Spoiler Alert! ): Vision: The foremost responsibility of a PM is to set the vision for the team. During 1936 Olympics in Berlin, Tapan clearly set the vision for Gold medal as free India as a Goal and Vision. Hustle: As a PM, you need to hustle to get things done. Tapan, hustled to meet Mr Wadia to get things done over and over again through out the movie. Stakeholder Management: Aligning different stakeholders to your vision and progress is critical. Tapan did a brilliant job of doing that with Mr Wadia, Imtiaz, Samrat and other members of the team. Be it a royal blood like Raj Pratap Singh or a ...