Stormie / jquery-tubular

Automatically exported from code.google.com/p/jquery-tubular
MIT License
0 stars 0 forks source link

Turn off display on mobile devices? #25

Open GoogleCodeExporter opened 8 years ago

GoogleCodeExporter commented 8 years ago
Hi there!

Really great plugin.  Wondering if you know of a way to turn off the display 
when viewing through a mobile device?  

Thank you!
~J.T.

Original issue reported on code.google.com by jtarbog...@gmail.com on 27 Oct 2012 at 2:39

GoogleCodeExporter commented 8 years ago
Should've been a bit clearer.  I seem to be having some issues with links 
sitting on top of the video on mobile devices.  
http://www.laneband.com/test/index.html

Any thoughts?

Original comment by jtarbog...@gmail.com on 27 Oct 2012 at 3:06

GoogleCodeExporter commented 8 years ago
Add this code to the screen.css file:

@media handheld, only screen and (max-width: 767px) {
#tubular-container,
#tubular-player,
#tubular-shield,
#video-controls { 
display: none;
width: 0;
height: 0;
position: fixed;
top: -5000px;
}
}

I hope this helps...

Original comment by papa6...@gmail.com on 28 Nov 2012 at 2:44

GoogleCodeExporter commented 8 years ago
Oh, you can also add a background image for mobile devices and for browsers 
that will not render the video (Opera?!)...

Just add the image on the main "body" CSS rules. If the video works, it will 
replace the image...

Original comment by papa6...@gmail.com on 28 Nov 2012 at 2:50