Hello there
ı tried many options but I feel a little hopeless now. I’m trying to play o video from a url which comes from database. I used html5 video player also videogular.
They both work well on a powerful device like samsung galaxy s6
but when i try to run it on my low powered tablet it becomes a problem.
all videos only run once(I use populer sample video which includes a bunny). But they can not seem to run second time. It happens also in html 5 video player too.
This is my view side
<videogular vg-theme="controller.config.theme">
<vg-media vg-src="[{src: result.Link, type: 'video/mp4'}]">
</vg-media>
<!--<vg-controls>-->
<!--<vg-play-pause-button></vg-play-pause-button>-->
<!--<vg-time-display>{{ currentTime | date:'mm:ss' }}</vg-time-display>-->
<!--<vg-scrub-bar>-->
<!--<vg-scrub-bar-current-time></vg-scrub-bar-current-time>-->
<!--</vg-scrub-bar>-->
<!--<vg-time-display>{{ timeLeft | date:'mm:ss' }}</vg-time-display>-->
<!--<vg-volume>-->
<!--<vg-mute-button></vg-mute-button>-->
<!--<vg-volume-bar></vg-volume-bar>-->
<!--</vg-volume>-->
<!--<vg-fullscreen-button></vg-fullscreen-button>-->
<!--</vg-controls>-->
<vg-overlay-play></vg-overlay-play>
</videogular>
</div>
Also ı tried to install crosswalk and tried to use basic html5 video player but still not working.
<ion-refresher
pulling-text="Yükleniyor..."
on-refresh="doRefresh()" >
</ion-refresher >
<div class="item item-input-inset">
<label class="item-input-wrapper">
<i class="icon ion-search placeholder-icon"></i>
<input type="text" placeholder="Email">
</label>
</div>
<div>
<div class="news-media" ng-repeat="result in feed.results track by $index">
<div>
<div class="news-media video-container" ng-click="testtt($index)">
<div class="wrapper" id="wrappin-{{$index}}">
<video class="video" id="child-{{$index}}" controls>
<source ng-src="{{result.Link|trustAsResourceUrl}}" type="video/mp4" />
</video>
</div>
<div class="media-social-stats">
<button class="button button-small button-borderless button-positive"><i class="icon ion-heart"></i></button>
</div>
</div>
<div class="news-item" style="padding-bottom:30px">
<div class="news-thumb">
<img ng-src="{{ result.ProfilePic }}" alt="" class="img">
</div>
<div class="news-content">
<h4>{{ result.Ad }}</h4>
<h4>{{ result.katadi }}</h4>
<div class="gem-tiny-text news-item-stats">
<i class="icon ion-clock"></i> 2 days ago
<span class="news-comment-summary">
<i class="icon ion-heart"></i> 2
<i class="icon ion-chatbubble"></i> 3
</span>
</div>
</div>
<div class="news-more-action">
<i class="icon ion-more"></i>
</div>
</div>
</div>
<!--<h3>{{result.Link}}</h3>-->
</div>
</div>