Results 1 to 3 of 3

Thread: Cannot play some of the embedded youtube video in sencha touch carousel

  1. #1
    Sencha User
    Join Date
    Sep 2013
    Posts
    3

    Default Answered: Cannot play some of the embedded youtube video in sencha touch carousel

    Strange behaviour on a Sencha Touch carousel on a Safari browser. I can seem to figure out what is wrong with it.


    Simple Sencha Touch carousel with 2 cards, each card has an embedded youtube video using iFrame. First video in a first card play with no problem, but the second card the play button on the video player will not respond to clicked/touch.


    The following code is taken from here I just replace the html value on the items:http://try.sencha.com/touch/2.1.0/gu....2/viewer.html


    Code:
    Ext.application({
        launch: function() {
            Ext.create('Ext.Carousel', {
                fullscreen: true,
                direction: 'horizontal',
                defaults: {
                    styleHtmlContent: true
                },
                items: [{
                    html: '<iframe height="480px" width="720px" class="youtube-player" type="text/html" src="http://www.youtube.com/embed/YE7VzlLtp-4?modestbranding=1&showsearch=0&rel=0&theme=dark&showinfo=0&iv_load_policy=3" frameborder="0" allowfullscreen></iframe>',
                    style: 'background-color: #759E60'
                }, {
                    html: '<iframe height="480px" width="720px" class="youtube-player" type="text/html" src="http://www.youtube.com/embed/9IYRC7g2ICg?modestbranding=1&showsearch=0&theme=dark&showinfo=0&iv_load_policy=3" frameborder="0" allowfullscreen></iframe>',
                    style: 'background-color: #5E99CC'
                }]
            });
        }
    });
    Tested on Google Chrome and Android devices the 2 video can be played. But on iOS device and Safari browser the video on the second carousel item cannot be played.

  2. There is a history of inconsistent behavior with touch events within iframes on ios.
    http://fun.kyco.de/2010/08/16/ipad-s...ching-iframes/
    http://openradar.appspot.com/6089245

  3. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,108
    Answers
    342

    Default

    There is a history of inconsistent behavior with touch events within iframes on ios.
    http://fun.kyco.de/2010/08/16/ipad-s...ching-iframes/
    http://openradar.appspot.com/6089245
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services [email protected]

    When posting code, please use BBCode's CODE tags.

    Need to include a test case use:
    The official Sencha Fiddle

  4. #3
    Sencha User
    Join Date
    Sep 2013
    Posts
    3

    Default

    Quote Originally Posted by fmoseley View Post
    There is a history of inconsistent behavior with touch events within iframes on ios.
    http://fun.kyco.de/2010/08/16/ipad-s...ching-iframes/
    http://openradar.appspot.com/6089245
    Thank you @fmoseley

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •