CODEWITHSUNDEEP
csshtmlvideohtml5-video
Pathik Vejani
Pathik Vejani

Reputation: 4491

remove white spaces between image and video

Here is the link that has white spaces between video and images.

Link

HTML:

<video controls="" class="video-width-activity">
   <source type="video/mp4" src="tesp.mp4"></source>
</video>

CSS:

.video-width-activity {
   height: 450px;
}

If I apply below CSS:

.video-width-activity {
    height: 100%;
    width: 100%;
}

then this is happening:

New-Link

Is there any way to remove white spaces?

Upvotes: 0

Views: 476

Answers (2)

user5860299
user5860299

Reputation:

Looks like the issue is because of some margin between the video and images on right. Remove margins if any.

Upvotes: 0

Malcolm Vaz
Malcolm Vaz

Reputation: 131

Not very clear what the cause is but try changing height to auto

    .video-width-activity {
       height: auto;
        width: 100%;
    }

Upvotes: 1

Related Questions