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:
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>
<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> 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>