Quantcast
Channel: Ionic Framework - Ionic Forum
Viewing all articles
Browse latest Browse all 49186

İonic video player issues

$
0
0

@Dahico wrote:

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>

Posts: 1

Participants: 1

Read full topic


Viewing all articles
Browse latest Browse all 49186

Trending Articles



<script src="https://jsc.adskeeper.com/r/s/rssing.com.1596347.js" async> </script>