Name is required.
Email address is required.
Invalid email address
Answer is required.
Exceeding max length of 5KB

jwplayer height changes have no impact on height

<div id="PlayerElement">Loading the player...</div>

<script type="text/javascript">
jwplayer("PlayerElement").setup({
file: "/wp-content/uploads/2015/03/SC_Intro.flv",
width: "520",
height: "315",
stretching: "fill"
});
</script>

link to page: http://66.147.244.188/~nwlymphe/?page_id=531

No matter what I set the height value to the height never changes for the video on the page. I can change the width and the video will change to the width setting.

Thanks

1 Community Answers

MisterNeutron

Best Answer 

CSS from style.css is interfering with JW Player. Specifically the auto height, at line 152:

img, object, embed {
height: auto;
margin: 0px auto 0px;
}

BTW, sticking with FLV means that no mobile user will ever be able to view your videos. It's a "Flash only" format, and there's no Flash on a mobile device. Do yourself a huge favor, and convert everything to MP4. http://handbrake.fr/ - it's free. Take the default settings, plus check "Web optimized." You can even batch-process your existing videos.

With MP4's, this CSS conflict wouldn't matter, because JW Player wouldn't be using Flash, and therefore wouldn't be bumping into "object" and "embed" classes.

Up Down

MisterNeutron

Best Answer  User  
0 rated :

CSS from style.css is interfering with JW Player. Specifically the auto height, at line 152:

img, object, embed {
height: auto;
margin: 0px auto 0px;
}

BTW, sticking with FLV means that no mobile user will ever be able to view your videos. It's a "Flash only" format, and there's no Flash on a mobile device. Do yourself a huge favor, and convert everything to MP4. http://handbrake.fr/ - it's free. Take the default settings, plus check "Web optimized." You can even batch-process your existing videos.

With MP4's, this CSS conflict wouldn't matter, because JW Player wouldn't be using Flash, and therefore wouldn't be bumping into "object" and "embed" classes.

This question has received the maximum number of answers.