Αλλαγή μεγέθους εικόνας σε javascript

[thiva7]

Καλησπέρα,
 
έχω αυτό εδώ το κωδικά για ένα player

<script type="text/javascript" charset="utf-8">
    $(document).ready(function($)
    {
        videoPlayer = $("#video").Video({           
            autohideControls:4,                    
            videoPlayerWidth:746,                   
            videoPlayerHeight:420,                 
            responsive:false,		           
            posterImg:"images/preview_images/4.jpg",//player poster image
            posterPlayButtonType:"Classic",  
     }
videos:[              
                    
                {
                    videoType:"HTML5",
                    title:"Video title",                    
                    mp4:"http://video.mp4",
                    videoAdShow:"no",
                    videoAdGotoLink:"http://domain.net/",  
                },               
            ]
        }); 


</script>      

Θα ήθελα να δώσω διαφορετικό μέγεθος στο

 

posterImg:"images/preview_images/4.jpg",

παίρνει το πραγματικό μέγεθος της εικονας και είναι μικρο thumb

Πως μπορω να το κανω αυτο?

 

Ευχαριστώ

[dominotrix]

Μπορεις να στειλεις link ;;

 

Δοκιμασε για αρχη να ανεβασεις με FTP την εικονα με μεγαλυτερες διαστασεις και να κανεις overwrite το 4.jpg στο σερβερ. Αν εμφανιστει μεγαλυτερη η εικονα μετα στον player, σημαινει πως λειτουργει σωστα, αρκει το generate των posters να γινονται σε μεγαλυτερη διασταση.

[thiva7]

Μπορεις να στειλεις link ;;

 

Δοκιμασε για αρχη να ανεβασεις με FTP την εικονα με μεγαλυτερες διαστασεις και να κανεις overwrite το 4.jpg στο σερβερ. Αν εμφανιστει μεγαλυτερη η εικονα μετα στον player, σημαινει πως λειτουργει σωστα, αρκει το generate των posters να γινονται σε μεγαλυτερη διασταση.

Δεν γίνετε να ανεβάσω όλες τησ εικόνες ούτε να δημιουργήσω καινούριες ( είναι σχεδόν ένα 1εκ φωτογραφίες )

 

Γιαυτο ρωταω πως μπορω μεσα στην js να τα αλλαξω

 

Ευχαριστω

[dominotrix]

Ναι αλλα θα πρεπει για αρχη να βρουμε πιο ειναι το προβλημα. Εννοειται οτι δε θα τις ανεβασεις με το "χερι". Απλα θα πρεπει να εντοπισεις το γιατι συμβαινει αυτο. 

[thiva7]

εχουμε την εικονα

 

/image/4.jpg 

 

οπου ειναι πχ 320χ240

 

στο js to βλεπει με το ακριβες μεγεθος γιαυτο συμβαίνει,δεν εχω το videojs ειναι ενα που πηρα απο το codecanyon.

[dominotrix]

Εκανες inspect DOM? Ποσο width/height την δειχνει; 320x240;

[thiva7]

πχ ειπα 320x240 ,

 

το πραγματικο μεγεθος της καθε εικονας ειναι

180χ135

[dominotrix]

Κατι απο αυτα που σου ειπα δοκιμασες; Δε μπορω να σε βοηθησω αν δεν μου δωσεις λινκ ή αν εκανες το overwrite που σου ειπα.

[thiva7]

δεν μπορω να δωσω λινκ δυστυχώς ,

 

inspect DOM δεν ξερω να κανω γενικα δεν πολυ κατεχω την js

[alou]

Με ένα config object που έδωσες και χωρίς άλλη πληροφορία δεν γίνεται κάτι, υπάρχουν διάφορα σενάρια που θα μπορούσες να εξετάσεις όμως ξεκινώντας ίσως από εδώ

 

http://stackoverflow.com/questions/10826784/make-html5-video-poster-be-same-size-as-video-itself

 

γιατί αυτό που θες να κάνεις - μάλλον - είναι να ορίσεις φόντο την εικόνα με background-size: 100% 100%

[thiva7]

Με ένα config object που έδωσες και χωρίς άλλη πληροφορία δεν γίνεται κάτι, υπάρχουν διάφορα σενάρια που θα μπορούσες να εξετάσεις όμως ξεκινώντας ίσως από εδώ

 

http://stackoverflow.com/questions/10826784/make-html5-video-poster-be-same-size-as-video-itself

 

γιατί αυτό που θες να κάνεις - μάλλον - είναι να ορίσεις φόντο την εικόνα με background-size: 100% 100%

Καλησπέρα ,τελικά το έφτιαξα με Css .

 

Αλλά θα ήθελα να νρω λύση για λόγο εκμάθησης .σας έδωσα το βασικό κώδικα για το βίντεο ,με ένα div Id δείχνει το player ,

 

Το ερώτημα στην ουσία είναι μπορείς σε ένα παθ μέσα στη js να δώσεις διαφορετικό μέγεθος ;

[dominotrix]

Μπορει το script να δεχεται παραμετρους για την ρυθμιση του μεγεθους της εικονας πχ thumbsize=800,600

 

Αυτο ισως υπαρχει μεσα στο documentation αν υπαρχει για το συγκεκριμενο plugin.

 

Αν το size της εικονας βγαινει πχ στα 320x250 και εσυ το κανεις με CSS στα 800x600 πχ, τοτε θα φανει θολο λογω κακου resize. Τωρα το αποτελεσμα ειναι οκ;

[Επισκέπτης]

Το ανάλογο σε JS θα γραφόταν 

$("#video").style.width('100%');

[dominotrix]

Το ανάλογο σε JS θα γραφόταν 

$("#video").style.width('100%');

 

Αυτο θα δηλωνε το CSS απλα για το συνολικο μεγεθος του video και οχι για το image που γινετε generated. 

[thiva7]

Μπορει το script να δεχεται παραμετρους για την ρυθμιση του μεγεθους της εικονας πχ thumbsize=800,600

 

Αυτο ισως υπαρχει μεσα στο documentation αν υπαρχει για το συγκεκριμενο plugin.

 

Αν το size της εικονας βγαινει πχ στα 320x250 και εσυ το κανεις με CSS στα 800x600 πχ, τοτε θα φανει θολο λογω κακου resize. Τωρα το αποτελεσμα ειναι οκ;

 

 

Καλημερα,Το αποτελεσμα ειναι Οκ ναι δεν διχνει τοσο ασχημο

 

Το ανάλογο σε JS θα γραφόταν 

$("#video").style.width('100%');

Ναι σε CSS βρηκαμε την λυση, εγω ακομα ψαχνω σε js

 

Ευχαριστω