You are not logged in.

360 video - IOS 10 chrome browser - 360 videos played as regular videos on Chrome (Ver 53.0.2785.109)

ozabhi

Beginner

  • "ozabhi" started this thread

Posts: 1

  • Send private message

1

Friday, September 23rd 2016, 8:15am

360 video - IOS 10 chrome browser - 360 videos played as regular videos on Chrome (Ver 53.0.2785.109)

Hi Klaus & team,


After the IOS upgrade (to 10) 360 videos on Chrome play like regular videos on iPhones.
Snapshot attached.


This is only occurring on iphone + Chrome + IOS 10.
Older versions of IOS are ok.
iPads on IOS 10 ON Chrome are ok.

Video is here: http://www.australia.com/en/things-to-do/aquatic.html



Any help here would be appreciated *smile*


Regards,


ozabhi
ozabhi has attached the following image:
  • IMG_0144.jpg

indexofrefraction

Professional

Posts: 1,305

  • Send private message

2

Friday, September 23rd 2016, 9:02am

it is the same on the desktop !! :(
panoramic videos play flat, not spherical!

tested on:
chrome 53.0.2785.89
macosx 10.10.5

this is bad, untested but most likely
electron and nwjs are broken, too!

ps. might be also my macbook air which ist gpu blacklisted.
will check that later in the office.

EDIT: checked in office, chrome desktop works.
it was a problem of my old macbook air
zFilter plugin -- zFlare plugin -- zSnapshot plugin

This post has been edited 1 times, last edit by "indexofrefraction" (Sep 23rd 2016, 11:12am)

klaus.krpano

Administrator

Posts: 13,430

  • Send private message

3

Friday, September 23rd 2016, 10:39am

Hi,

Quoted

This is only occurring on iphone + Chrome + IOS 10.
This is known - iOS Chrome currently doesn't support the new inline-video feature from iOS 10. And the old iOS 9 workaround for inline-videos on the iPhone doesn't work will in iOS10 because of changed (undefined) iOS10 behavior (or iOS bugs?).

See the mentions in the 1.19-pr7 release thread - I'm already investigating and looking for workarounds to support non-Safari-browser on iOS10 that are or will not be updated to support inline-videos.


Quoted

it is the same on the desktop !! :(
No, that's not the same - iPhone Chrome and Desktop Mac Chrome are two very different things!

On Desktop panoramic video is only possible in HTML5 when the browser supports WebGL.
When Chrome is blacklisting the GPU on your Mac, then there is no WebGL.

Depending on your example (e.g. in the old videointerface one) the pano might be played as flat video as fallback... (like better than nothing).

Best regards,
Klaus

indexofrefraction

Professional

Posts: 1,305

  • Send private message

4

Friday, September 23rd 2016, 11:11am

hi... i just tested it on my mac pro in the office,

here chrome works fine with panorama videos.

so that was probably my macbook air model
which has gpu support blacklisted by chrome.

sorry for the false warning!
zFilter plugin -- zFlare plugin -- zSnapshot plugin

klaus.krpano

Administrator

Posts: 13,430

  • Send private message

5

Tuesday, September 27th 2016, 9:32pm

Quoted from "klaus.krpano"

See the mentions in the 1.19-pr7 release thread - I'm already investigating and looking for workarounds to support non-Safari-browser on iOS10 that are or will not be updated to support inline-videos.
Just as note - in the next release (1.19-pr8) there will be inline-video support also for non-Safari iOS10 browsers.

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

6

Saturday, January 7th 2017, 5:35pm

360 Video in Youtube Iframe Not working in Apple Devices

Hi,

I have used the Textfield plugin to embed a youtube iframe into this project: [url]http://www.photographyoptions.net/images/laurel/tour2.html[/url]
The video in the project looks like a homemade one done using the Samsung Gear 360 camera. In Windows 7 on Chrome, Firefox, and IE 11, the 360 Functionality is there. Also, it works on several low end Android phones. I have tested it on IOS desktop running IOS El Capitan 10.11.4 and; an Ipad running IOS Sierra 10.12.2; and a couple of Iphone 6's running 9.x.

The 360 video runs flat on all of the IOS devices. I also tested it in latest Silk Browser on small Fire Tablet. It runs flat there too. This test tour was built using KRPano 1.19-pr8.

Is there anything that I can tweak to make 360 video work in an iframe on IOS devices?

Cheers, Reggie

klaus.krpano

Administrator

Posts: 13,430

  • Send private message

7

Saturday, January 7th 2017, 6:27pm

Hi,

krpano itself supports pano-videos on iOS browsers (iframe or not doesn't matter), but Youtube doesn't (Youtube supports pano-videos on iOS only inside its own app).

Best regards,
Klaus

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

8

Saturday, January 7th 2017, 9:07pm

Thank you Klaus! I will figure out how to implement it in the way that you intended! Your generosity and attention is so much appreciated. Which Klaus are you....Klaus 1, 2, 3 or 4?

Cheers, Reggie

AlexGrif

Trainee

Posts: 115

  • Send private message

9

Sunday, January 8th 2017, 4:38pm

Hi Reggie!
Use html page plugin It allows to place 360 video from youtube (as well as other pano and many other tings)

martyhr

Intermediate

Posts: 384

Location: CZ

  • Send private message

10

Monday, January 9th 2017, 11:10am

Quoted from "AlexGrif"

Hi Reggie!
Use html page plugin It allows to place 360 video from youtube (as well as other pano and many other tings)

Quick question( already sent in PM). I have youtube in HTML plugin. Must stop video first and then close the window.
When video running and I close the plugin window, sound keeps playing.
Is there any solution for this?
Thank you

AlexGrif

Trainee

Posts: 115

  • Send private message

11

Monday, January 9th 2017, 6:08pm

There is a little difference when you place youtube video in plugin. You have example how to do it.
All works perfectly well.

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

12

Tuesday, January 10th 2017, 10:42am

Wow!

Dang Alex.....The html plugin is awesome. I hadn't noticed it before. Thank you for directing me to it!



Cheers, Reggie

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

13

Friday, January 13th 2017, 7:18pm

Not working on Ipad 10.2 or Silk Android Browser

Hi Alex,

From your Example.xml I used the "myvideo" code line and the "video1.htm" file to create an Iframe for viewing Youtube 360 video. The video works in Chrome, IE 11 and Firefox on a desktop. It also works in Mac El Cap 10.12.2. It does not work in an Ipad iOS 10.2....display is flat instead of 360 and the "X" will not close the Iframe. I also have an Amazon Fire Tablet with Silk Android Browser. Video also displays flat on this device and the "X" also does not close the iframe.


Any advice you could give on how to optimize the plugin for viewing 360 video in Iframe on mobile devices would be appreciated.


Best regards, Reggie

AlexGrif

Trainee

Posts: 115

  • Send private message

14

Monday, January 16th 2017, 3:15pm

Hi Reggie,
Have you tried to optimize video (and pano) for mobiles?

Reggie

Trainee

Posts: 92

Location: Seymour, TN US

Occupation: Virtual Tour Photographer

  • Send private message

15

Tuesday, January 17th 2017, 12:34pm

Optimize Html Plugin for Mobile Devices

Alex,

I think a saw some suggestions on how to do this in the forum string related to the plugin, but I'm unsure how to implement it. #mce_temp_url#
uses the plugin via the red 360 button on opening map. Currently, this video plays flat on mobile devices and I have found no way to close the Iframe in Android Devices. I will send a PM and attach the xml and html files I am using. Any advice you can give on how to optimize for mobile devices would be most appreciated.

Best regards, Reggie

AlexGrif

Trainee

Posts: 115

  • Send private message

16

Wednesday, January 18th 2017, 11:49am

Hi, Reggie!
Mobile devices have the strong restrictions on internal memory usage for applications. It is a large quastion. Please, google it.
You need to give different links on video for mobile and desktop. You can investigate krpano video example.
360 video have the increased requirements for device.
In the case of the plugin you have the sum of the tour and video in html page. It may be too large for mobile.
All this is very large and complex question. I can advise you to give a separate link on small video size for mobile.

Similar threads