Ελληνική Κοινότητα Υποστήριξης ForumGreek
Καλωσήρθατε στο Ελληνικό Φόρουμ Υποστήριξης της ForumGreek!!

Για να αποκτήσετε πλήρη πρόσβαση στο φόρουμ και στα όσα προσφέρει, μπορείτε πολύ απλά να κάνετε μια σύνδεση ή αν δεν έχετε λογαριασμό μία δωρεάν εγγραφή και μπείτε στην κοινότητά μας!!

popup αναδυόμενο παράθυρο σε βίντεο

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Πήγαινε κάτω

Σε εξέλιξη popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Παρ Απρ 01, 2016 11:55 pm

παιδιά καλησπέρα θέλω αν γίνετε κάτι όπως ειναι τα αναδυομενα παράθυρα των ειδοποιήσεων αλλά να ειναι σε ένα βίντεο. βασικά θέλω να βάζω λινκ από βίντεο και όταν ο χρήστης πάτα να παίξει να παίζει σε παράθυρο Rolling Eyes

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Σαβ Απρ 02, 2016 2:34 am

Καλησπέρα εννοείς για βίντεο του youtube? Έχεις κάποιο δείγμα κώδικα ενσωμάτωσης;






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Σαβ Απρ 02, 2016 6:52 pm

όχι δεν έχω κάτι αλλά ας πούμε ότι ήθελα να βάλω αυτό 

δες εδώ :
 

πως θα μπορούσα να το βάλω σε αναδυόμενο;

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Κυρ Απρ 03, 2016 3:50 am

Καλησπέρα,
Σε πρώτη φάση θα πρέπει να έχεις ενεργοποιημένη την html στα θέματα, τώρα εφόσον δεν έχεις κάτι συγκεκριμένο σου παραθέτω ένα παράδειγμα για Vimeo videos

Κώδικας θέματος:

Κώδικας:
<a href="#popupVideo" data-rel="popup" data-position-to="window" class="ui-btn ui-corner-all ui-shadow ui-btn-inline">Launch video player</a>
<div data-role="popup" id="popupVideo" data-overlay-theme="b" data-theme="a" data-tolerance="15,15" class="ui-content">
    <iframe src="http://player.vimeo.com/video/41135183?portrait=0" seamless="" height="298" width="497"></iframe>
</div>

κατόπιν δημιουργείς ένα νέο javascript:

Τίτλος: Videos Popup
Τοποθέτηση: Στις δημοσιεύσεις
Κώδικας Javascript:

Κώδικας:
$( document ).on( "pagecreate", function() {
    // The window width and height are decreased by 30 to take the tolerance of 15 pixels at each side into account
    function scale( width, height, padding, border ) {
        var scrWidth = $( window ).width() - 30,
            scrHeight = $( window ).height() - 30,
            ifrPadding = 2 * padding,
            ifrBorder = 2 * border,
            ifrWidth = width + ifrPadding + ifrBorder,
            ifrHeight = height + ifrPadding + ifrBorder,
            h, w;
        if ( ifrWidth < scrWidth && ifrHeight < scrHeight ) {
            w = ifrWidth;
            h = ifrHeight;
        } else if ( ( ifrWidth / scrWidth ) > ( ifrHeight / scrHeight ) ) {
            w = scrWidth;
            h = ( scrWidth / ifrWidth ) * ifrHeight;
        } else {
            h = scrHeight;
            w = ( scrHeight / ifrHeight ) * ifrWidth;
        }
        return {
            'width': w - ( ifrPadding + ifrBorder ),
            'height': h - ( ifrPadding + ifrBorder )
        };
    };
    $( ".ui-popup iframe" )
        .attr( "width", 0 )
        .attr( "height", "auto" );
    $( "#popupVideo" ).on({
        popupbeforeposition: function() {
            // call our custom function scale() to get the width and height
            var size = scale( 497, 298, 15, 1 ),
                w = size.width,
                h = size.height;
            $( "#popupVideo iframe" )
                .attr( "width", w )
                .attr( "height", h );
        },
        popupafterclose: function() {
            $( "#popupVideo iframe" )
                .attr( "width", 0 )
                .attr( "height", 0 );
        }
    });
});

και προσθέτεις και τον παρακάτω κώδικα στο CSS σου:

Κώδικας:
iframe {
    border: none;
}

Λογικά θα εμφανιστεί κάπως έτσι:







Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Κυρ Απρ 03, 2016 12:39 pm

όχι δεν μου το βγαζει σε αναδυόμενο παίζει μέσα στην δημοσίευση


kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Δευ Απρ 04, 2016 5:54 am

Καλημέρα,
Μπορείς να χρησιμοποιήσεις τον παρακάτω κώδικα μέσα στη δημοσίευση:

Κώδικας:
<a href="VIDEO_URL" rel="RELATIVE_WITH" target="_blank" title="VIDEO_TITLE"><img src="PREVIEW_ICON" alt="ALTERNATIVE_TITLE" width="Number" height="Number"/></a>

και συμπληρώνεις τα στοιχεία ως εξής:
1. VIDEO_URL= Σύνδεσμος του βίντεο
2. RELATIVE_WITH=Σχετικό με τo τι είναι το βίντεο
3. VIDEO_TITLE=Τίτλος του βίντεο
4. PREVIEW_ICON=Εικόνα προεπισκόπησης στη δημοσίευση
5. ALTERNATIVE_TITLE=Εναλλακτικός τίτλος στην περίπτωση που δεν μπορεί να εμφανιστεί η εικόνα προεπισκόπησης
6. Width/Height: Πλάτος και ύψος της εικόνας προεπισκόπησης (βάζεις μόνο αριθμό υπολογίζονται σε pixels)






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Δευ Απρ 04, 2016 6:37 am

και πάλι δεν μου το βγαζει σε αναδυόμενο με πάει στην σελίδα του βίντεο url.

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Δευ Απρ 04, 2016 11:19 am

Καλημέρα,
Κανονικά πρέπει να σου ανοίγει το video ή σε νέο παράθυρο ή σε νέα καρτέλα γιατί το δοκίμασα. Στο ίδιο παράθυρο αποκλείεται να στο ανοίγει. Αν στο ανοίγει σε νέα καρτέλα πες μου να δω αν μπορώ να κάνω κάτι με javascript.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Δευ Απρ 04, 2016 5:15 pm

ναι μου το ανοιγει σε νέα καρτέλα.

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Δευ Απρ 04, 2016 6:12 pm

Καλησπέρα @kapitol planet
Ναι αυτό γίνεται γιατί ο οργανισμός W3C δεν επιτρέπει να ανοίγουν παράθυρα popup στους browsers πλέον. Παρόλα αυτά θα δοκιμάσουμε μια λύση ενός τρίτου κατασκευαστή.

Πας στα πρότυπα και ανοίγεις το overall_header και βρίσκεις το
Κώδικας:
<head>

ακριβώς απο κάτω προσθέτεις τον παρακάτω κώδικα:

Κώδικας:
<script type="text/javascript" src="http://videobox-lb.sourceforge.net/js/mootools.js"></script>
<script type="text/javascript" src="http://videobox-lb.sourceforge.net/js/swfobject.js"></script>
<script type="text/javascript" src="http://videobox-lb.sourceforge.net/js/videobox.js"></script>
<link rel="stylesheet" href="http://videobox-lb.sourceforge.net/css/videobox.css" type="text/css" media="screen" />

Πατάς και δημοσίευση.

Τώρα σχετικά με τις δημοσιεύσεις θα πρέπει να ενσωματώνεις τον παρακάτω κώδικα:

Κώδικας:
<a href="VIDEO_URL" rel="vidbox" title="caption">our video</a>

Το μόνο που πρέπει να αλλάζεις κάθε φορά είναι ο σύνδεσμος του video τίποτα άλλο.

Το αποτέλεσμα πρέπει να σου εμφανιστεί κάπως έτσι:



σε αναδυόμενο παράθυρο. Οι υποστηριζόμενες μορφές βίντεο είναι: Youtube, Metacafe, Google Video, iFilm and custom flash.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Τρι Απρ 05, 2016 6:24 am

όχι ούτε αυτό πέτυχε στην ίδια καρτέλα ανοιγει άλλη σελίδα που με πάει στο βίντεο.
να πω ότι το Javascript δεν το έχω διαγράψει ούτε το css παίζει ρόλο;
δες ΕΔΩ και κανε κλικ στο τρέιλερ. αυτό περίπου θέλω.

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Τρι Απρ 05, 2016 10:38 am

Καλημέρα,
Ναι τους προηγούμενους κώδικες πρέπει να τους διαγράψεις όλους.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Τρι Απρ 05, 2016 5:37 pm

τα διέγραψα όλα έβαλα το τελευταίο  που μου είπες αλλά τίποτα, αλλάζει σελίδα και πάει στο βίντεο δεν μου βγαζει αναδυόμενο παράθυρο.

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από Van-Helsing Την / Το Τρι Απρ 05, 2016 6:18 pm

Καλησπέρα,
Χμμ ναι μου το ανοίγει και εμένα σε δεύτερη καρτέλα για κάποιο λόγο πιθανόν ασφαλείας δεν τραβάει τους κώδικες. Άσε μου λίγο χρόνο να δω μήπως μπορέσω να βρω κάποιους άλλους κώδικες.






Van-Helsing
Διαχειριστής

Διαχειριστής

Άντρας
Ηλικία : 42
Δημοσιεύσεις : 1670

Επιστροφή στην κορυφή Πήγαινε κάτω

Σε εξέλιξη Απ: popup αναδυόμενο παράθυρο σε βίντεο

Δημοσίευση από kapitol planet Την / Το Τρι Απρ 05, 2016 8:50 pm

οκ φίλε μου αναμένω και σορυ που σε ταλαιπωρώ   Rolling Eyes

kapitol planet
Eνεργό Μέλος

Άντρας
Δημοσιεύσεις : 103

Επιστροφή στην κορυφή Πήγαινε κάτω

Επισκόπηση προηγούμενης Θ.Ενότητας Επισκόπηση επόμενης Θ.Ενότητας Επιστροφή στην κορυφή


 
Δικαιώματα σας στην κατηγορία αυτή
Δεν μπορείτε να απαντήσετε στα Θέματα αυτής της Δ.Συζήτησης
Χρειάζεστε βοήθεια;
Στις Συχνές Ερωτήσεις μπορείτε να βρείτε σημαντικές πληροφορίες που θα σας βοηθήσουν!