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

centering jwplayer

We're trying to figure out how to center jwplayer7 in the middle of the page and be responsive. Thanks in advance, I'm not a coder- just trying to amend something a previous employee made for us. Other threads on this topic didn't quite work.


<style type="text/css">
html,body { height:100%; width:100%; padding:0; margin:0; }
#player { height:100%; width:100%; padding:0; margin:-3px; }


<div align="center" id="mediaplayer"></div>

<script type="text/javascript">

playlist: [{
image: "${image_path}",
sources: [
{ file: "${streaming_cloudfront}:${path}/videos/${video_file_name}.mp4" },
{ file: "${download_cloudfront}/${path}/videos/${video_file_name}.mp4" }
tracks: [{
file: "${download_cloudfront}/${path}/captions/${video_file_name}" ,
label: "English",
kind: "captions" },
primary: "flash",

width: "1280",
height: "720",
stretching: "uniform",

skin: "${player_skin_path}",

1 Community Answers


JW Player Support Agent  
0 rated :

We do not have any built-in functionality to control the CSS of the page outside of our player, so centering on the page would be controlled by the CSS and <style> elsewhere on the page.

This question has received the maximum number of answers.