Notes:

The video tag is supported by more than 99% of today's browers and devices. So neither Bootstrap nor the scripts it uses, nor the ifrme container are required. Instead, a simple video tag and an even simpler CSS rule are all you need:

The video tag:

<video controls src="Ritmo/VideoRitmo/TavolaI-1.mp4"" type="video/mp4"></video>

The CSS rule:

video {
border: 1px solid;
/*I set border bottom to none to compensate for an artifact that is inside the actual video*/
border-bottom: none;
border-radius: 6px;
width: 100%;
}

That's it.

The second video (below) is a pure example. Its purpose is to compare media controls by browser.