10
votes

Les commandes vidéo HTML5 disparaissent en mode plein écran sur les appareils Android

Je développe une application de plate-forme croix à l'aide de Cordoue avec une extrémité avant de matériau angulaire.

J'utilise des balises vidéo HTML5 dans une liste de cartes MD pour lire des vidéos avec des URL externes. Lorsque vous êtes en ligne, les vidéos jouent correctement et affichent les commandes natales comme prévu. P>

    <video class="project-video" video-directive item="$ctrl.project" ng-src="{{$ctrl.project.videoUrl | trustUrl}}" preload="auto"
      controls poster="{{$ctrl.project.video.thumbnail_url}}">
      Your browser does not support the video tag.
    </video>


19 commentaires

Utilisez-vous FastClick ou Test dans le navigateur Mozilla dans un appareil par hasard?


Ni. J'exécute l'application en utilisant la commande Terminal


Cordova Run Android --Device


Toute trace d'erreur dans la console de périphérique lors de la commutation en plein écran? Toute autre 3ème bibliothèques que vous utilisez dans l'application?


Vérifié à l'aide d'un exemple d'application et je vois des contrôles en plein écran. Pouvez-vous tout supprimer et utiliser une balise vidéo très simple comme celle-ci


Je ne peux pas m'empêcher beaucoup avec le problème des contrôles absents, mais FYI, vous pouvez Remplacez le comportement du bouton arrière (et la vidéo rétrécissante si en plein écran).


Je suggère de modifier manuellement la hauteur et la largeur de la taille de l'appareil en le calculant de manière programmatique ou il peut y avoir un autre problème que lorsque vous faites plein écran l'attribut de commande défini sur False


Merci Manishag, même comportement avec cette vidéo. Je pense que c'est un problème spécifique à un appareil.


Mise à jour: les commandes semblent toujours être là, mais réglez sur 0PX fois 0PX Taille. Toutefois, définir leur taille manuellement dans Chrome Dev Outils tandis que le débogage à distance ne fait rien, même si j'utilise le sélecteur! Important. Très étrange!


@Adamdiment utilisez-vous FlyMe Stock Video Player pour jouer la vidéo? Pourriez-vous vérifier si cela se produit dans toute application de lecteur vidéo? Je soupçonne que cela pourrait être un bug avec l'application FlyMe Stock Video Player peut être. Voyez également si vous pouvez mettre à jour la version FlyME et vérifier comme des versions plus anciennes semble avoir une sorte de problèmes en mode plein écran


@Gandhi merci - je vérifierai plus tard.


@Adamdiment s'il vous plaît garder nous mis à jour. Merci


Les commandes @gandhi en plein écran ont été restaurées lorsque j'ai mis à jour le logiciel FlyME, merci pour la suggestion. Si vous le postez comme une réponse, je l'opposerai et le marquerez comme accepté, ce qui devrait vous permettre de toujours obtenir la moitié de la prime. À votre santé!


@Adamdiment Salut, merci pour la mise à jour. Ont posté la réponse. Mais pas sûr de faire preuve de prime comme la période de prime, y compris la période de grâce, je suppose :( si vous pouviez donner une prime qui serait géniale.


@Gandhi s'il obtient 2 upvotes ou plus, il obtiendra la moitié de la prime


@Adamdiment qui se produit pendant la période de prime. Mais je suppose que c'est fini. Une grosse miss pour moi je suppose :(


@Gandhi pas vrai. Voir la réponse ici meta.stackexchange. COM / QUESTIONS / 16065 / ... Sinon, la générosité est attribuée à la réponse la plus élevée de celles qui ... ont été postées après le début de la générosité ... ont un score d'au moins + 2 ... n'étaient pas écrits par le démarreur de Bounty, il est donc possible que cela soit juste avancé au moins deux fois.


@Adamdiment Vérifiez ceci out - meta.stackexchange.com/questions/147576/... Il n'y a pas de remarque de prime que je pouvais voir sur votre question maintenant.


Laissez-nous Continuer cette discussion en chat .


3 Réponses :


0
votes

Définissez les valeurs qui permettent ensuite de quitter le plein écran. xxx

ajoutez ces deux lignes .. xxx < p> si vous voulez quelque chose de mieux xxx


1 commentaires

Merci mais cela ne répond pas à la question. Je veux que les contrôles apparaissent, ne pas avoir un accès programmatique aux fonctions du plein écran



0
votes

Que diriez-vous de cela dans votre code que votre attribut Controls non mentionné peut être complètement pouvant causer le problème

<video id="myvideo">
  <source src="path/to/movie.mp4" />
</video>

<p onclick="toggleControls();">Toggle</p>

<script>
var video = document.getElementById("myvideo");

function toggleControls() {
  if (video.hasAttribute("controls")) {
     video.removeAttribute("controls")   
  } else {
     video.setAttribute("controls","controls")   
  }
}
</script>


1 commentaires

Essayé cette réponse - les commandes sont toujours là, mais se présentent dans l'arborescence DOM de l'ombre en CSS comme étant de taille 0 x 0px. Même lorsque je change de taille dans Chrome Dev Outils à l'aide du drapeau! Important, ils ne montrent pas



1
votes

Ceci est un problème avec Flyme OS qui est utilisé par les périphériques MEIZU. Étant donné que les commandes sont disponibles et non visibles, cela devrait être résolu par ugrading The Flyme OS.

Veuillez mettre à jour Flyme OS pour résoudre ce problème car les anciennes versions de FlyME semblent avoir des problèmes de silence avec le mode vidéo plein écran. J'espère que ça aide. Acclamations


0 commentaires