Results 1 to 10 of 10

Thread: Cannot get videos to play on android devices

    Looks like we can't reproduce the issue or there's a problem in the test case provided.
  1. #1
    Sencha User
    Join Date
    Oct 2013
    Posts
    4
    Vote Rating
    0
      0  

    Default Cannot get videos to play on android devices

    No matter what I try, I simply can't get videos to play on android devices.
    I've been doing several tests on an android virtual device (Android 4.3, API level 18), as well as an end device (Galaxy S, GT-I9000) with limited success:

    Test A: Video and poster are included in the resources, the video is implemented with the html5 video-tags and started through a javascript 'click'-event which calls the 'play'-function.
    HTML Code:
    "<video id=\"video0\" autobuffer height=\"120\" poster=\"resources/images/cover.jpg\" width=\"180\">",
        "<source src=\"resources/media/BigBuck.m4v\">",
        "<source src=\"resources/media/BigBuck.webm\" type=\"video/webm\">",
        "<source src=\"resources/media/BigBuck.theora.ogv\" type=\"video/ogg\">",
    "</video>"
    Code:
    var vid0 = document.getElementById('video0');
    vid0.addEventListener('click',function(){
        vid0.play();
    },false);
    Result:
    Local Browser: Poster and video work fine
    AVD: Poster shows up, but video doesn't play
    Android: Same as AVD


    Test B: Same as Test A, but the video and the poster are located on a webserver. (Urls are changed respectively)
    Result: Exactly the same as for Test A


    Test C: Using the xtype 'video' feature from sencha 2, with the video and the poster included in the resources.
    Code:
    Ext.Viewport.add({
        xtype: 'video',
        url: [
            'resources/media/BigBuck.m4v',
            'resources/media/BigBuck.webm',
            'resources/media/BigBuck.theora.ogv'
        ],
        loop: true,
        posterUrl: 'resources/images/cover.jpg'
    });
    Result:
    Local Browser: Poster and video work fine
    AVD: Poster shows up, when clicking on it, it simply turns black. No video is playing.
    Android: Poster shows up, clicking it hides it for a split second and displays it again. No video is playing.


    Test D: Same as Test C, except with external urls (See Test B)
    Result: Exactly the same as for Test C


    All of these tests were slight modifications of the 'Video' example-app of sencha-touch 2.3.0
    I've been on this for days now and whenever I think I've found a solution it turns to dust.
    I'm at a complete loss right now, any help would be much appreciated.

  2. #2
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,088
    Vote Rating
    136
      0  

    Default

    Web app, if so what browser, or packaged app (sencha packager or cordova/phonegap)?
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services services@sencha.com

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

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

  3. #3
    Sencha User
    Join Date
    Oct 2013
    Posts
    4
    Vote Rating
    0
      0  

    Default

    In the tests on the AVD / end device I was using a packaged app which I built using sencha cmd ('sencha app build native').
    I just tried it as a web app on the end device with the native browser and the video was playing fine. For my purposes I need it to be a packaged app however.

    I tried the same tests with audio, which had the same results.

  4. #4
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,088
    Vote Rating
    136
      0  

    Default

    Did you add the path to the video files to the resources section of your app.json?
    Code:
    "resources": [
        "resources/images",
        "resources/icons",
        "resources/startup",
        "resources/media"
    ],
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services services@sencha.com

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

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

  5. #5
    Sencha User
    Join Date
    Oct 2013
    Posts
    4
    Vote Rating
    0
      0  

    Default

    Quote Originally Posted by fmoseley View Post
    Did you add the path to the video files to the resources section of your app.json?
    Code:
    "resources": [
        "resources/images",
        "resources/icons",
        "resources/startup",
        "resources/media"
    ],
    Yes, I've added the paths before the tests. (The success on the local web-browser proves that they're set up correctly)

  6. #6
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,088
    Vote Rating
    136
      0  

    Default

    I apologize for the delay. Finally found a 4.3 device to test this on. I was able to reproduce this issue and have filed a bug.

  7. #7
    Sencha User
    Join Date
    Mar 2007
    Posts
    792
    Vote Rating
    10
      0  

    Default

    any news about this bug (video playing in android with sencha touch 2.3) I was testing in android 2.3.6 and doesn't play the video.

    regards
    Frank

  8. #8
    Sencha User
    Join Date
    Aug 2012
    Posts
    68
    Vote Rating
    1
      0  

    Default Quick fix

    I have Android 4.3 and 4.2.2 here in the lab. The problem occurs on both version.

    I'm afraid this is not a Sencha bug. After searching online it seems that the bug is related to the Android support of the html5 video and audio tags.

    Currently it is not possible to play videos stored in the android_assset/www directory. If you put your videos on sdcard it will work though.

    I'm using the VideoPlayer plugin for Android Cordova 3.x for both the video and audio content.


    Gitrepo: https://github.com/raulduran/VideoPlayer


    I have modified the code in order to serve xtype:video and xtype:audio to iOS devices and VideoPlayer on Android devices.

    Just a quick fix while waiting for a better support of the video and audio tags. I'm afraid it will take a while.

  9. #9
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,088
    Vote Rating
    136
      0  

    Default

    Thanks for this info and the workaround. I will update and close the jira ticket.
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services services@sencha.com

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

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

  10. #10
    Sencha - Support Team
    Join Date
    Oct 2011
    Posts
    4,088
    Vote Rating
    136
      0  

    Default

    Can you provide the link to the source where you found out about this bug?
    Get more personalized support via a support subscription.

    Need more help with your app? Hire Sencha Services services@sencha.com

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

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

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
  •