SharePoint 2013: HTML5 video

I had a requirement to show videos on a SharePoint page. So, I decided to use HTML5 videos tag to show the video. Here is a sample code:
<video width="320" height="240" controls>
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg"> 
    <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm">  
    Your browser does not support the video tag.
</video> 
Here controls is an optional Boolean attribute that turns on a set of built-in playback controls. This typically includes play, pause, seek, and set volume. 
When the above code is embedded in the content editor web part, the video appears in the Edit mode along with playback controls. But once the page is saved, the playback controls disappear. 
It turns out that the controls attribute gets removed after the page is saved. 
changing controls to controls="controls" fixes the issue. Final code:
<video width="320" height="240" controls="controls">
    <source src="http://techslides.com/demos/sample-videos/small.mp4" type="video/mp4">
    <source src="http://techslides.com/demos/sample-videos/small.ogv" type="video/ogg"> 
    <source src="http://techslides.com/demos/sample-videos/small.webm" type="video/webm">  
    Your browser does not support the video tag.
</video> 
profile for Nadeem Yousuf at SharePoint Stack Exchange, Q&A for SharePoint enthusiasts

+