My mp4 video can't play from local video in samsung mobile or tablet

1

i playing mp4 video in emulator is ok…but in samsung device that video is loading only…after five minutes Unfortunately stopped your app ,In samsung tablet video can’t play…the following screen shot like this…

image
Screenshot_2015-11-10-11-45-49.png1280×800 24.2 KB

please solve my problem.

Advanced thanks.

2

Have you debug you application in samsung device ?

3

yes i am debug on samsung device,but the video like screenshot ,in mobile video loading…until close the app. i am trying to play from local video

4

maybe you can show us some source code of your app. And do you know the exactly audio and video codec of the media file?

5

<—video.html----> this is my video.html

<ion-view class="padding">
   <ion-content>
	    <a href="">View More Videos</a>
	    <div class="row">
		    <div class="modal transparent fullscreen-player" ng-click="closeModal()">
		        <video ng-src="{{clipSrc}}" class="centerme" controls="controls" style="display: inline-block;" autoplay></video>
		    </div>
	    </div>
	    <div class="row">
	    	<div class="bar bar-footer" align="center" style="padding-left:42.5% " >
		    <button id="button-1" class="button button-energized" ng-click="cancel();">cancel</button>
		</div>
	    </div>
    </ion-content>
</ion-view>

<—controller.js—>

 .controller('VideoCtrl', function($scope  ,$timeout,$ionicLoading) {
     $ionicLoading.show({
            content: 'Loading',
            animation: 'fade-in',
            showBackdrop: false,
            maxWidth: 200,
            showDelay: 0
          });
      $timeout(function () {
          $ionicLoading.hide();
    $scope.settings = {
    enableFriends: true
  };

  $scope.clipSrc = 'videos/test.mp4';
 
  $scope.playVideo = function() {
   $scope.showModal('templates/mainscreen/video.html');
  }
      }, 2000);
})

<—css------>
i used the following css

.centerme {
    margin: 0 auto;
    width: 100%;
    height:90%;
    padding: 0% 0%;
}
 
.fullscreen-player {
    max-width: 100%;
    max-height: 100%;
    bottom: 0;
    left: 0;
    margin: auto;
    overflow: none;
    position: fixed;
    right: 0;
    top: 0;
}

.transparent {
    background: transparent !important;
}

video#cmn-video-demo1__video {
  width: 100%;
  height: 100%
}
6

ngSrc does not work for media files like video or audio tags.
You need to set src-attribute of the tag. Sometimes you need to set it via a directive (set directive on the video-element --> set src attribute with the path, if it is there) or you can use the module videogular, but it is a little bit big for that problem:

7

i changed ng-src to src debugging in samsung device but got the same result…no change…

8

Can you remove css and then try ? May be some issue with CSS may be overlap div.Not sure but you can try.

9

i had also tried without css.but alignment video top of the screen…

10

is there any other way of showing video without using “videogular”.

11

like i said --> i am using an own directive --> which checks if there is a src --> and i set it afterwards.
Additionally i use the $sce-Service to trust my resource:
https://docs.angularjs.org/api/ng/service/$sce#trustAsResourceUrl
Otherwise it is sometimes blocked by angularjs

12

i had tried on what you said to me but result is same.Is there any other way to solve this problem

13

Please any other way to solve this problem

14

nope, try another video … maybe it is a codec problem…

15

I was trying to serve multimedia from a local device on Android. Without plugin it didn’t work at all. I am surprised that the video loaded after 5 minutes for you at all.

Check this:

16

i am using crosswalk webview plugin.all videos played in localfolder but new updated videos are can’t play…