centering jwplayer
Greetings,
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; }
</style>
</head>
<body>
<div align="center" id="mediaplayer"></div>
<script type="text/javascript">
jwplayer("mediaplayer").setup({
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}.mp4.srt" ,
label: "English",
kind: "captions" },
],
}],
primary: "flash",
width: "1280",
height: "720",
stretching: "uniform",
skin: "${player_skin_path}",
});
</script>
</body>
</html>
