Joomla Templates Club 406,261 posts

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#201842

Hi,

did change this
//.t3-video { position: relative; height: 400px !important; overflow:hidden; min-height: 400px !important; }
But when you remove overflow:hiddden
the size is not 400 px but

module inner tells me 1440 x 869

how can i solved that

---

Attachments:

1. 
2. 

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#551890

<em>@citroen1968a 448703 wrote:</em><blockquote>Hi,

did change this
//.t3-video { position: relative; height: 400px !important; overflow:hidden; min-height: 400px !important; }
But when you remove overflow:hiddden
the size is not 400 px but

module inner tells me 1440 x 869

how can i solved that</blockquote>

Hi there, good morning.
Have you tried to resize image source ?

http://www.mantrailingoverijssel.nl/images/video/GOPR0417.jpg.pagespeed.ce.6Da5SiLHty.jpg

I saw it’s 502px height ?

Thank you,
Viet Vu

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#551956

Hi jooservices,
the resize image source
is for example 1600 x 500 px

Regards

[jooservices Friend jooservicesJoin date: October 2014Posts: 8556Downloads:0Uploads:130 Thanked: 1245 times in 1121 posts]

#551958

Hi there,
I have little confuse about your issue.
But i saw


<video id="home_video" style="width: 100%; height: auto;" title="960" poster="http://www.mantrailingoverijssel.nl/images/video/GOPR0417.jpg.pagespeed.ce.6Da5SiLHty.jpg" preload="" controls="controls" width="100%" height="auto"> <source src="/images/video/GOPR0417.m4v" type="video/mp4"><source src="/images/video/GOPR0417webhd.webm" type="video/webm"><source src="/images/video/GOPR0417.ogv" type="video/ogg"><source src="/images/video/GOPR0417.mp4" type="video/mp4">
<object style="position: relative;" data="/images/video/flashfox.swf" type="application/x-shockwave-flash" width="100%" height="auto"><param name="movie" value="/images/video/flashfox.swf"><param name="allowFullScreen" value="true"><param name="flashVars" value="autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=images/video/GOPR0417.jpg&src=GOPR0417.m4v"><embed style="position: relative;" src="/images/video/flashfox.swf" type="application/x-shockwave-flash" width="100%" height="auto"><img style="position: absolute; left: 0;" title="Video playback is not supported by your browser" src="http://www.mantrailingoverijssel.nl/images/video/GOPR0417.jpg.pagespeed.ce.6Da5SiLHty.jpg" alt="mantrailing" width="100%" height="auto"> </object> </video>


It’s video tag ( HTML5 ). And height is auto. Would you mind try to apply height: 400px ?
Because .t2-video is wrapped class. But if child tag is higher, without overflow will break it 🙂

Thank you,
Viet Vu

1 user says Thank You to jooservices for this useful post

1. citroen1968a

[citroen1968a Friend citroen1968aJoin date: June 2014Posts: 95Downloads:185Uploads:25 Thanks: 19 Thanked: 11 times in 1 posts]

#551966

Hi jooservices,

did changed in module video height to 500px because i changed video
i did not used overflow because so i can show you what are happend with the picture

<div class=”video-shuffle-wrap”>
<div class=”video” data-js-view=”video-shuffle”>
<video controls=”controls” width=”100%” height=”500px” poster=”images/video/GOPR0417.jpg” id=”home_video” style=”width: 100%; height: auto;” title=”960″ preload=””><source src=”images/video/GOPR0417.m4v” type=”video/mp4″ /><source src=”images/video/GOPR0417webhd.webm” type=”video/webm” /><source src=”images/video/GOPR0417.ogv” type=”video/ogg” /><source src=”images/video/GOPR0417.mp4″ type=”video/mp4″ />
<object style=”position: relative;” data=”images/video/flashfox.swf” type=”application/x-shockwave-flash” width=”100%” height=”auto”><param name=”movie” value=”images/video/flashfox.swf” /><param name=”allowFullScreen” value=”true” /><param name=”flashVars” value=”autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=images/video/GOPR0417.jpg&src=GOPR0417.m4v” /><embed src=”images/video/flashfox.swf” type=”application/x-shockwave-flash” width=”100%” height=”auto” style=”position: relative;” movie=”images/video/flashfox.swf” allowFullScreen=”true” flashVars=”autoplay=true&controls=true&fullScreenEnabled=true&posterOnEnd=true&loop=false&poster=images/video/GOPR0417.jpg&src=GOPR0417.m4v”></embed><img style=”position: absolute; left: 0;” title=”Video playback is not supported by your browser” src=”images/video/GOPR0417.jpg” alt=”mantrailing” width=”100%” height=”auto” /></object>
</video>
</div>
</div>

this is code in custom.
.t3-video { position: relative; background: #ccc height: 500px !important; min-height: 500px !important; }

regards

[Author]

Posts