Wrong visualization on Android devices (site in Wordpress)

info — Apr 07, 2016 02:37AM EDT

---

I am creating a site and I have to include a live video.
Company that created the live video gave me the following code:

<div class="wpb_raw_code wpb_content_element wpb_raw_html">
<div class="wpb_wrapper">
<div style="position: relative; display: block; width: 754px; height: 424px;" id="player"><object class="jwswf" name="player" id="player"bgcolor="#000000"data="http://p.jwpcdn.com/6/12/jwplayer.flash.swf" type="
application/x-shockwave-flash" height="100%" width="100%"><param value="true" name="allowfullscreen"><param value="always"name="allowscriptaccess"><param value="true" name="seamlesstabbing"><param
value="opaque"name="wmode"></object><div id="player"style="display: none;"></div></div>
<script src="http://jwpsrv.com/library/5V3tOP97EeK2SxIxOUCPzg.js"></script>
<script type="text/javascript">
if(navigator.userAgent.match(/android/i) != null){
jwplayer("player").setup({file: "http://178.33.224.197:1935/radiortr99/radiortr99/playlist.m3u8",
type: "mp4",
primary: "html5"
});
} else {
jwplayer("player").setup({
sources: [{
file: "rtmp://178.33.224.197:1935/radiortr99/radiortr99"
},{
file: "http://178.33.224.197:1935/radiortr99/radiortr99/playlist.m3u8"
}],
rtmp: {
bufferlength: 3,
},
'autostart': 'true',


title: 'Rtr99',
width: '754',
height: '424',
aspectratio: '16:9',
autostart: 'true',
repeat: 'true',
fallback: false,
logo: {


position: "top-right",
},
abouttext: "",
aboutlink: "",
}); }
</script>

It works fine on PC and iOS devices (I tested it with a real iPad and iPhone5) but on an Android device (real Galaxy Note 3) the player is displayed larger than the smartphone width.

Where I am wrong?

THANKS TO ALL
paolo