Play video inline in cordova when developping on the telerik platform

Thread is closed for posting
3 posts, 1 answers
  1. Antoine
    Antoine avatar
    6 posts
    Member since:
    Sep 2014

    Posted 14 May 2017 Link to this post

    I achieved to play a video inline on safari on IOS with playsinline like this : <video src="file.mp4" playsinline> and a button to play/pause the video.

    Unfortunatelty is not working on the platform telerik with cordova.

    How van I to that ?

  2.
  3. Answer
    Martin
    Admin
    Martin avatar
    104 posts

    Posted 17 May 2017 Link to this post

    Hi Antoine,

    Video playback inline is possible as of iOS 10 - see this blogpost. I tested the following code on device with iOS 10 and it runs just fine inline:
    <video autoplay
           muted
           playsinline
           width="310"
    </video>


    Make sure to edit your projects iOS Config.xml  so that the AllowInlineMediaPlayback attribute is set to "true" - otherwise the playback would enter fullscreen when starting playback and not inline.

    Let me know if this has helped.

    Regards,
    Martin
    Telerik by Progress
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Antoine
    Antoine avatar
    6 posts
    Member since:
    Sep 2014

    Posted 17 May 2017 in reply to Martin Link to this post

    Awesome. My problem was that I couldn't find the config.xml file and though the platform didn"t allow to modify it. 
Back to Top