0
votes

Comment rediriger vers une certaine URL sur un événement de clic dans JavaScript?

Une fois que vous avez cliqué sur un bouton, il ouvre une vidéo. Je voudrais rediriger un utilisateur vers une autre URL une fois qu'ils ont cliqué pour fermer la vidéo. Je ne connais pas le code JavaScript, je ne sais donc pas comment le faire :)

function playVideo () {
    $('#play').click(function () {
        var video = $('#final-video');
        video.css({
            opacity: 1,
            pointerEvents: 'auto'
        })

        video[0].play();

        video.click(function () {
            $(this).css({
                opacity: 0,
                pointerEvents: 'none',
            })
        })
    })
}


2 commentaires

Sur vidéo Cliquez sur vous souhaitez rediriger au lieu de le masquer?


Oui c'est ce que je veux faire faire


4 Réponses :


0
votes

sur votre événement vidéo étroit, vous pouvez simplement ajouter l'une de ces lignes de code pour rediriger vers une autre URL.

Pour rediriger vers une autre page, vous pouvez utiliser: xxx

ou xxx

si vous voulez simuler quelqu'un En cliquant sur un lien, utilisez emplacement.href .

Si vous souhaitez simuler une redirection HTTP, utilisez emplacement.replace < p> Pour rediriger dans un nouvel onglet xxx


2 commentaires

Merci d'avoir répondu! Je ne sais pas comment l'ajouter à mon code. Je ne suis que la collée à l'intérieur, mais cela n'a pas fonctionné. Pourriez-vous me montrer comment faire correctement? video.click (fonction () {$ (ceci) .css ({opacité: 0, PointsErvents: 'Aucun', fenêtre.Location.replace ('<< a href = "http://stackoverflow.com" " NOFOOLER NOREFERRER "> Stackoverflow.com ');})})})}


HTML CSS # final-vidéo {position: fixe; TOP: 0; à gauche: 0; largeur: 100%; Hauteur: 100%; z-index: 100000000; Contexte: noir; opacité: 0; Transition: Opacité 0.5S Facilité de sortie; Pointeur-Événements: Aucun; } et ce que j'ai essayé de faire: video.click (fonction () {$ ({$ (this) .css ({opacité: 0, PointsErvents: "Aucune" fenêtre.Location ('http: // Stackoverflow .com ');})})}}



0
votes

Veuillez noter que vous pouvez également le faire dans HTML:

<a href="https://www.example.com">Your text here</a>


0 commentaires

0
votes
function playVideo () {
    $('#play').click(function () {
        var video = $('#final-video');
        video.css({
            opacity: 1,
            pointerEvents: 'auto'
        })

        video[0].play();

        video.click(function () {
            window.location('http://stackoverflow.com');
        })
    })
}

4 commentaires

Maintenant, je ne peux pas sortir de la vidéo et le lien ne fonctionne toujours pas.


J'apprécierais vraiment une démonstration de votre problème avec HTML Ad JE JS pour voir ce qui se passe vraiment.


Bien sûr ! Je suis nouveau et je ne comprends pas comment faire ça


Stackoverflow.blog/2014/09/16/...



0
votes

		<video id="final-video" src="https://www.youtube.com/watch?v=z3rXoJdu_Ek
"></video>

  <div id="play" class="section-gameplay">
						<button class="button-start" id="button-start2" data-target="flag-part6">You're ready to play</button>
					</div>


0 commentaires