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.