We are updating our Themes with More and Advanced Supports for Video and Audio. You can use Audio and Video in many ways. Such as: You Can use Video Codes in the Description Sections of Featured Boxes. Leave the Title, Links etc. Blank. The Updating Video Code May be:
Example for a YouTube Video
<div class="ytviditem"><iframe width="1400" height="778.5" src="http://www.youtube.com/embed/m6wHSyKS8Tw?autoplay=1&loop=1&playlist=m6wHSyKS8Tw&showinfo=0&controls=0&&mute=1" frameborder="0"></iframe></div>
or a HTML Video
<div class="mp4vidbox"><video width="100%" muted><source src="http://demo.d5creation.com/d5resource/travel1.mp4" type="video/mp4"></video></div>
or a HTML Video with Sound and Controls
<video width="100%" controls><source src="http://demo.d5creation.com/d5resource/travel1.mp4" type="video/mp4"></video>
You can also Show any Custom Image Poster before starting the Playing with HTML5 Video
<div class="mp4vidbox"><video width="100%" muted poster="https://domain.com/image.jpg"><source src="http://demo.d5creation.com/d5resource/travel1.mp4" type="video/mp4"></video></div>
or Custom Image Poster with Controls
<video width="100%" video loop controls poster="https://domain.com/image.jpg"><source src="http://demo.d5creation.com/d5resource/travel1.mp4" type="video/mp4"></video>
HTML5 Video Problem with iPhone/iOS ?
Some Users notice that, the HTML5 Videos are now showing in iPhone or iOS. The is not a Theme Issue. There may be various reasons behind that. We suggested the Standard HTML5 Coding Style. Sometines, adding playsinline with the video Tag may solve this problems with iOS. Like
<div class="mp4vidbox"><video width="100%" muted playsinline><source src="http://demo.d5creation.com/d5resource/travel1.mp4" type="video/mp4"></video></div>
or
<video width="100%" video loop controls playsinline><source src="http://demo.d5creation.com/d5resource/travel1.mp4" type="video/mp4"></video>
You will find the Example and Description somewhere in Theme Options Panel