jQuery Girl
  1. jQuery Girl
  3. La vidéo ne sera pas lue après la première lecture
Intereting Posts
Un nombre raisonnable de requêtes ajax asynchrones simultanées et asynchrones Ouvrez un modal (dans Codeigniter) qui charge (dans une iframe) le contenu depuis une URL dépendant d’une variable php Remplir des tables de données avec un tableau JSON à partir d’une requête GET Ajouter le plugin jQuery colorbox à un élément créé dynamicment Appliquer le code jQuery à plusieurs zones de texte Document jQuery prêt en conflit avec window onload? L’ajout de jQuery à PrimeFaces génère un typeError non capturé partout Comment désactiver entièrement la validation «rapide» à l’aide de jquery validate? jQuery – Tri d’un tableau? Comment afficher des images redimensionnées sur une page Web tout en maintenant les proportions? jQuery.draggable () – Revenir en cliquant sur le bouton TinyMCE n’est pas défini Jquery Comment faire pour que cette boîte popup disparaisse lorsque je clique à l’extérieur? Phonegap iOS6: Solution appropriée pour supprimer la barre d’assistant de formulaire (prev, next, done) Android 4.3 et PhoneGap, impossible de taper le lien

La vidéo ne sera pas lue après la première lecture

J’essaie de relier les points depuis des jours mais par manque de connaissances en positionnement et en jQuery. Je fais du code un gâchis. J’essaie de lire la vidéo en cliquant sur leurs icons. Je trouve ces problèmes avec mon code

  1. Le code fonctionne pour la première fois mais après la fermeture de la vidéo. Je ne peux pas cliquer pour jouer à nouveau ou un autre.
  2. Le bouton de lecture n’est pas réactif, il recouvre le texte en mode mobile, alors que je le veux statique mais réactif.
  3. En raison de la position du bouton, au centre de haut en bas à gauche, les 50% de gauche ont fait apparaître la barre de défilement horizontale.

Comme j’ai l’intention d’utiliser le même code jQuery sur d’autres pages et dans le même but, puis-je le rendre plus intelligent et ne pas écrire tout le code ou copier-coller à nouveau? Voici le code et voici le code 

$(document).ready(function() { $(".netball-intro").click(function() { //jQuery(".sports-video").css("display", "block") //jQuery("#bgvid").toggleClass("is-not-active"); $(".fullscreen").toggleClass("is-video-active"); $("#netball-intro").get(0).play(); $(".fullscreen").click(function(){ $(this).addClass('hidden'); }); }); $(".interview").click(function() { //jQuery(".sports-video").css("display", "block") //jQuery("#bgvid").toggleClass("is-not-active"); $(".fullscreen").toggleClass("is-video-active"); $(".interview").get(0).play(); $(".fullscreen").click(function(){ $(this).addClass('hidden'); }); }); });