Hall of Fame

[mihai]

Hi!
Can i make the height of the player responsive with media queries or to change it from 500px to 50%?

[Marius]

This is something I am trying also.

[mihai]

If you figure out how to do that can you post here:)?

[Marius]

I think is very hard to find an solution on this build, since some of the players are gonna go 1 pixel height when removing the min-height on containing divs, I'm trying this with the new framework for 4.0

[mihai]

I am using JPLAYER AND YOUTUBE PLAYER and i can edit the height of the video-player by integrate thouse in media queries ////.video-player #video-content////.I found that it's possible and i will try it and come with the result for you guys

[mihai]

Code Select Expand

@media(min-width:2300px) and (max-width:2600px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1900px) and (max-width:2299px) {
.video-player,#video-content {
height:732px!important;
}

@media(min-width:1700px) and (max-width:1899px) {
.video-player,#video-content {
height:685px!important;
}

@media(min-width:1610px) and (max-width:1699px) {
.video-player,#video-content {
height:642px!important;
}

@media(min-width:1500px) and (max-width:1609px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1430px) and (max-width:1499px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1390px) and (max-width:1429px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1300px) and (max-width:1389px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1200px) and (max-width:1299px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1100px) and (max-width:1199px) {
.video-player,#video-content {
height:935px!important;
}

@media(min-width:1000px) and (max-width:1099px) {
.video-player,#video-content {
height:935px!important;
}

IS THERE SOMETHING WRONG WITH THE CODE???BECOUSE IT DOESN'T READ IT

[Marius]

harcoded styles/heights are always bypassing css definitions.
open video.php and remove the max-height from the divs.

[mihai]

harcoded styles/heights are always bypassing css definitions.
open video.php and remove the max-height from the divs.

Code Select Expand

[/quote]<div class="video-player pull-left" style="height:<?php echo $height;?>px"> and <div id="video-content" class="<?php if(has_list()){ echo "span77";} else {echo "row-fluid block";}?>" style="height:<?php echo $height;?>px">  so i must remove the styles???[code]

[mihai]

There are no max-heights in video.php file

[Marius]

You've just posted it previously...

Code Select Expand

style="height:<?php echo $height;?>px"

it's not max- but it's height.

[mihai]

I did that and the @media is still hidden.So now i don't longer have the player height.
It's ok now i can add the .video-player and #video-content but the codes that into responsive.css are not working

[Marius]

If I didn't bump onto issues, I would have not left it like that on the making, also
Having more time this time, to test and see...

[mihai]

I can change it for the resolutions that are already there but i can't make a new one and add it there.

[Marius]

Better try this http://fitvidsjs.com/

[mihai]

I don't know how to install that.I will try:)

1   i must add the jquery plugin into js and the add the code into tpl.globals
2   I must edit the video.php(i don't know what to edit in video.php)
And i don't know much more about what should i do to install that:)

[mihai]

Solved!!!Tx!!!

[Marius]

Let me know if you have conflicts, I've tried it months back and it had some conflicts, but I assume they've update it.
Plan to test it also.