[NSFW] Issue with Fluid Player HTML Code

Hello, I have paste the Code below

The issue is, When I paste the below given code of Fluid Player, Immediately after the ‘Title’ in the blog post, A huge Space or Margin is automatically generate by the WordPress ‘on the top of Blog Post’ which is “above the Title bar of the Blog Post not below the title bar” (Note: the Padding and Margin is checked already as per my knowledge the space below the Title bar will be adjusted using ‘Block Tab’ )

Does anybody faced this Issue?

Does any know about it ? and know how to edit/ add addition Code to solve it?

Thank you in advance for the answer

<script src="https://cdn.fluidplayer.com/v3/current/fluidplayer.min.js"></script>
<video id="video-id"><source src="MY VIDEO URL HERE" type="video/mp4" />
<script>
    var myFP = fluidPlayer(
        'video-id',	{
	"layoutControls": {
		"controlBar": {
			"autoHideTimeout": 3,
			"animated": true,
			"autoHide": true
		},
		"htmlOnPauseBlock": {
			"html": null,
			"height": "",
			"width": ""
		},
		"autoPlay": true,
		"mute": true,
		"allowTheatre": true,
		"playPauseAnimation": true,
		"playbackRateEnabled": true,
		"allowDownload": true,
		"playButtonShowing": true,
		"fillToContainer": false,
		"posterImage": ""
	},
	"vastOptions": {
		"adList": [
			{
				"roll": "preRoll",
				"vastTag": "MY VAST URL HERE",
				"adText": ""
			}
		],
		"adCTAText": false,
		"adCTATextPosition": ""
	}
});
</script>

The page I need help with: [log in to see the link]