Comment popup jquery fenêtre pour lire des vidéos youtube?

J'ai besoin de cette vidéo pour jouer automatiquement. Il serait bien, ce code permet de lire des vidéos à partir d'autres sources, comme yahoo, etc.. Est-il également possible d'utiliser HTML5, au lieu de jquery?

OriginalL'auteur WinFXGuy | 2010-05-15

  1. 14

    La fonction ou le plugin vous permet d'afficher la fenêtre pop-up sera probablement différent de ce que vous utilisez pour afficher la vidéo. Dans cet exemple j'ai utilisé la La superposition de Plugin de jQuery Tools pour afficher le modal ensuite utilisé swfobject pour afficher le YouTube Flash Player. Sinon, vous pouvez utiliser un Lecteur vidéo HTML5 avec Flash de secours pour afficher la vidéo, mais vous auriez encore besoin de popup de votre modal premier.

    <a href="http://www.youtube.com/v/2cxqZiWyW3g&hl=en_US&fs=1&autoplay=1"
    class="video-link">Video 1</a>
<a href="http://www.youtube.com/v/607RMNoJfl4&hl=en_US&fs=1&autoplay=1"
    class="video-link">Video 2</a>

<div class="modal" id="video-modal">
    <div id="video-container" style="width: 425px; height: 344px;"></div>
</div>

<script language="javascript" type="text/javascript">

    $(function() {
        var videoModal = $('#video-modal').overlay({
            expose: {
                color: 'black',
                loadSpeed: 200,
                opacity: 0.85
            },
            closeOnClick: true,
            api: true
        });

        $('.video-link').click(function() {
            videoModal.load();

            var videoUrl = $(this).attr('href');
            var flashvars = {};
            var params = {
                allowFullScreen: "true",
                allowscriptaccess: "always"
            };
            var attributes = {};

            swfobject.embedSWF(videoUrl, 'video-container', '425', '344', '9.0.0', '', flashvars, params, attributes);

            return false;
        });
    });

</script>
    Merci, DavGarcia! Savez-vous comment jouer automatiquement la vidéo? Ce code ne s'ouvrent que la vidéo sur youtube, mais l'utilisateur doit cliquer sur le bouton pour jouer.
    Cet exemple a &autoplay=1 à la fin de la YouTube Url, ce qui devrait lancer la vidéo dès qu'il est inséré dans le lecteur.
    J'ai essayé cet exemple, mais ce n'est pas la superposition , ni la lecture de la vidéo. pourquoi ?

    OriginalL'auteur DavGarcia

  2. 3

    SimpleModal est un excellent plugin jQuery car il offre de nombreuses options différentes, l'une étant l'affichage de contenu externe:

    //Display an external page using an iframe
var src = "http://365.ericmmartin.com/";
$.modal('<iframe src="' + src + '" height="450" width="830" style="border:0">', {
    closeHTML:"",
    containerCss:{
        backgroundColor:"#fff",
        borderColor:"#fff",
        height:450,
        padding:0,
        width:830
    },
    overlayClose:true
});

    Le Projet De Loi Beckelman a une grande série de tutoriels sur l'intégration de SimpleModal avec Asp.Net personnalisé boîte de dialogue de confirmation. Il montre comment créer de superbes fonctionnalités côté client ainsi que la façon de publier sur le serveur. il a vraiment aidé à obtenir ma tête enroulée autour de la meilleure façon d'intégrer jQuery avec ASP.Net.

    OriginalL'auteur David Robbins

  3. 2

    Regarder les démos pour FancyBox et ColorBox

    OriginalL'auteur Pablo

  4. 0

    PrettyPhoto est un pur bibliothèque JavaScript qui affiche les images et les vidéos dans une lightbox.

    Pour vos besoins, vous avez besoin de baliser le lien YouTube avec un attribut "rel", la vidéo va alors s'ouvrir dans une fenêtre lightbox.

    la question est taggés avec asp.net. Donc -1
    l'auteur de PrettyPhoto libère également un pur bibliothèque JavaScript qui peut être utilisé avec asp.net -- donc, je persiste à croire qu'il est pertinent.

    OriginalL'auteur adib