Wie popup jquery-Fenster das Abspielen von youtube-video?

Ich brauche dieses video automatisch zu spielen. Es wäre schön, diesen code spielen können videos aus anderen Quellen wie yahoo etc.. Ist es auch möglich, HTML5, anstelle von jquery?

InformationsquelleAutor WinFXGuy | 2010-05-15
  1. 15

    Funktion oder plugin, das Sie verwenden, um die Anzeige des popup-Fenster wird wahrscheinlich anders sein als das, was Sie verwenden, um die Anzeige der video. In diesem Beispiel habe ich die Overlay-Plugin von jQuery Tools zur Anzeige der modalen dann verwendet swfobject zur Anzeige der YouTube Flash-Player. Alternativ können Sie eine HTML5 video player mit Flash-fallback Anzeige des Videos, aber Sie würde es noch brauchen, um popup-Ihre modalen ersten.

    <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>
    • Danke, DavGarcia! Wissen Sie, wie Sie spielen das video automatisch? Dieser code, der nur pop-up, das youtube-video, aber Benutzer klicken Sie auf es zu spielen.
    • Dieses Beispiel hat &autoplay=1 am Ende des YouTube-URLs, die sollten das video zu starten, sobald Sie in den player geladen.
    • Ich habe dieses Beispiel ausprobiert haben, die aber nicht überlagern , noch die Wiedergabe des Videos. warum ?
    InformationsquelleAutor DavGarcia
  2. 3

    SimpleModal ist eine große jQuery-plugin, wie es bietet viele verschiedene Optionen, eine davon die Anzeige externer Inhalte:

    //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
});

    Bill Beckelman hat eine große Reihe von tutorials über die Integration von SimpleModal mit Asp.Net als benutzerdefinierte Dialogfeld zur Bestätigung. Er zeigt, wie man große client-seitige Funktionalität, sowie wie die post zurück an den server. es wirklich geholfen, um meinen Kopf gewickelt, wie Sie am besten integrieren jQuery ASP.Net.

    InformationsquelleAutor David Robbins
  3. 2

    Blick auf die demos FancyBox und ColorBox

    InformationsquelleAutor Pablo
  4. 0

    PrettyPhoto ist eine Reine JavaScript Bibliothek zum anzeigen von Bildern und videos in einer lightbox.

    Für Ihre Zwecke, Sie müssen Sie tag den YouTube-link mit einem speziellen "rel" - Attribut, das video wird dann in einem popup-Fenster Leuchtkasten.

    • Frage ist tagged mit asp.net. Also -1
    • der Autor von PrettyPhoto löst auch eine Reine JavaScript-Bibliothek, die verwendet werden können, mit asp.net -- also ich glaube immer noch, es ist relevant.
    InformationsquelleAutor adib
Schreibe einen Kommentar