search

liqvidjs / liqvid

Library for interactive videos in React
https://liqvidjs.org
MIT License
761 stars 39 forks source link

Fullscreen not working in iOS #28

Closed anishg-cn closed 2 years ago

anishg-cn commented 2 years ago

I have included this, , in the index.html <head> tag, but still when I click Fullscreen icon in the player in iOS it is not making the player Fullscreen. It just toggles the icon.

Please help.

package information: "liqvid": "^2.1.5", "liqvid-scripts": "0.0.5",

anishg-cn commented 2 years ago

@ysulyma can you please check this?

ysulyma commented 2 years ago

What version of iOS are you using? Can you link to an example? Note the lv-host script needs to be included in the page containing the <iframe> hosting your video, not in the page for the video itself.

anishg-cn commented 2 years ago

@ysulyma iOS version is 15.5, iPhone 10. The player is not in iframe it is in the webpage and i have not used iframe anywhere in the application so the lv-host script is included in the index.html of the application.

ysulyma commented 2 years ago

Including the player directly into a webpage is not yet supported (I am researching this for Liqvid 2.2). The recommended way to use Liqvid is to include your video in an <iframe> (as you would do with a YouTube video—this is so that your video can be safely displayed on other sites). If your video needs to integrate with code in the parent webpage, you can do so with postMessage.