ionic-team / ionic-framework

A powerful cross-platform UI toolkit for building native-quality iOS, Android, and Progressive Web Apps with HTML, CSS, and JavaScript.
https://ionicframework.com
MIT License
50.94k stars 13.52k forks source link

perf: Video controls are completely ignored. Provided solutions don't work. #3738

Closed dano2 closed 9 years ago

dano2 commented 9 years ago

Type: perf

Platform: android 4.2 webview

I'm trying to play (captured) video in a video tag. The play button and full screen button are ignored when tapped. I can only slide the slider, but can't see any video at all. How do I get the controls to work?

I followed the solution provided at the following link, but there's no change. Note the overflow-scroll="true" data-tap-disable="true" in the video tag. https://github.com/driftyco/ionic/issues/1626

<ion-view view-title="Home" class="pane" nav-view="active" style="-webkit-transition: 0ms; transition: 0ms; -webkit-transform: translate3d(0%, 0px, 0px);">
    <ion-content padding="true" class="scroll-content ionic-scroll  has-header has-tabs-top">
        <div class="scroll padding" style="-webkit-transform: translate3d(0px, -201px, 0px) scale(1);">

            <!-- starting vid stuff -->
            <video id="theVideo" width="240" height="160"  overflow-scroll="true" data-tap-disable="true" controls>
                <source id="theSource" src="file:/storage/emulated/0/DCIM/100MEDIA/VIDEO0060.3gp">
            </video>
            <!-- ending vid stuff -->

        </div>
        <div class="scroll-bar scroll-bar-v">
            <div class="scroll-bar-indicator scroll-bar-fade-out" style="-webkit-transform: translate3d(0px, 134px, 0px) scaleY(1); height: 74px;"></div>
        </div>
    </ion-content>
</ion-view></span>

perrygovier commented 9 years ago

Is this something you only see on specific versions of Android? I'm having trouble reproducing the issue, could you recreate this in a codepen?

dano2 commented 9 years ago

Hi perry. I'm having the issue on android 4.2. It seems the video controls are frozen if the video tag is placed within ion-content. The only solution that has worked for me is to put the video in an iframe, but that will require some session management pain.

I followed the solution provided at the following in https://github.com/driftyco/ionic/issues/1626 , but there's no change. Note the overflow-scroll="true" data-tap-disable="true" in the video tag. Do you have any other suggestions by chance?

Thanks

perrygovier commented 9 years ago

Hmm, I'm not able to reproduce the problem. Is it a project you're able to share?

Ionitron commented 9 years ago

Greetings @dano2!

My sensors indicate a reply was requested, but we have not received one yet, I am using my robot powers to close this issue. However, if you are still experiencing this issue, please feel free to reopen it by creating a new issue, and include any examples or necessary information.

Thank you for allowing me to assist you.

Ionitron commented 9 years ago

Greetings @dano2!

My sensors indicate a reply was requested, but we have not received one yet, I am using my robot powers to close this issue. However, if you are still experiencing this issue, please feel free to reopen it by creating a new issue, and include any examples or necessary information.

Thank you for allowing me to assist you.