I need to control a 360 video on the iPhone. I browsed the entire forum and there seems to be bits of solutions here and there.
I am wondering if with the forum and everyone's help, we can resolve this problem, and put the content on krpano's site.
Is there a way to bypass IOS limitation by putting a timer to play the video on loading content?
I am not a programmer, but can this example work?
http://help.videojs.com/discussions/qu…ithout-controls
quote from Pete below:
""
Set up your HTML (demo code copypasta from Video for Everybody):
<video id="yourVideo" width="640" height="360" controls autoplay preload>
<source src="__VIDEO__.MP4" type="video/mp4" />
<source src="__VIDEO__.OGV" type="video/ogg" />
<object width="640" height="360" type="application/x-shockwave-flash"
data="__FLASH__.SWF">
<param name="movie" value="__FLASH__.SWF" />
<param name="flashvars"
value="autostart=true&controlbar=over&image=__POSTER__.JPG&file=__VIDEO__.MP4"
/>
<img src="__VIDEO__.JPG" width="640" height="360" alt="__TITLE__"
title="No video playback capabilities, please download the
video below" />
</object>
</video>
Then add a script of, dor example, the following:
<script type="text/javascript">
function startVideo(){
// make a variable containing your video for ease of use later in
case you want to expand your script and do all sorts of crazy stuff
with it
var myVideo = document.getElementById('yourVideo');
// check to see if the nice video players have started playing the
video already
if ((myVideo.playing) || (myVideo.currentTime > 0)) {
// hooray, video is already playing
} else {
myVideo.play();
}
// wait for the page to complete loading - that's just the elements
that make the page, not the entire video
window.document.body.onload = startVideo;
</script>
""