Intro
The true premium 360 video player. Quality changer, playlist mode and more! Retina ready and mobile ready with drag drop to look around.
Features
focus on the video – the fullscreen button let’s you enjoy the video on the whole browser window
html5 powered - html5 video element & javascript localStorage makes this a cutting edge gallery
remembers your preferences – this player uses Html5’s LocalStorage in order to store the last volume you have set, so when you close the page and open it later, the volume is right back where you left it
compatible with all major browsers, including IE EDGE
iphone / ipad compatible – this gallery has been optimized apple touch devices
css powered skins – the gallery css is divided into two parts – functional and estethic so it’s very easy to make your own skin
FAQ
How to play ad
You just need to add data-ad-array attribute
data-ad-array='[{"source":"video/test.mp4","type":"video","ad_link":"http://google.com","skip_delay":"5","time":"0.25"}]'
To the vplayer tag
ie.
<div id="vp1" class="vplayer-tobe" data-videotitle="iPad Showcase" data-type="video" data-src="video/bears_720p.mp4" data-is-360="on" data-responsive_ratio="0.5" data-ad-array="[{"source":"video/test.mp4","type":"video","ad_link":"http://google.com","skip_delay":"5","time":"0.25"}]"> </div>
Time – 0.25 means the ad will play at a quoter of the video. Time – 0 means it will play at the beggining.
Assets
- Three js
- bears video
- Blog
blog http://digitalzoomstudio.net
Write your comment