Προς το περιεχόμενο
  • 0
Συνδεθείτε  
liapinio

html5 video load

Ερώτηση

Καλησπέρα παιδιά, πειραματίζομαι με html5 και θέλω να φορτώνω ενα video το οποίο να ανοίγει σε μεγαλύτερη ανάλυση στην ίδια σελίδα πατώντας στο play btn. 

Κοινοποιήστε αυτήν την ανάρτηση


Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

3 απαντήσεις σε αυτή την ερώτηση

Προτεινόμενες αναρτήσεις

  • 0

Θα βάλεις το βιντεάκι σε 100% width μέσα σε κάποιο container με περιορισμένο πλάτος και ύψος και με βοήθεια js θα προσθέτεις μια νέα class που θα το μεγαλώνει. Απλά πρέπει να υπολογίσεις και το aspect ratio του video.

 

html

<div class="module-video">
  <video width="100%" src="video path"></video>
</div>

css

.module-module {
   width: 200px;
}
.wider {
   width: 400px;
}

 

jquery

$('video').bind('play', function() {
 $('.video-module').addClass("wider");
});

Υπάρχουν πολλοί τρόποι που μπορείς να πετύχεις το ίδιο πράγμα και χωρίς js, ένας που μου έρχεται στο μυαλό είναι με την βοήθεια check box αλλά είναι αρκετά πειραματικός θα έλεγα..

Κοινοποιήστε αυτήν την ανάρτηση


Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Δεν ξέρω αν σε ενδιαφέρει, ψιλοβαριόμουν και είπα να παίξω και εγώ λιγάκι

 

Δες αν μπορείς να βγάλεις τιποτα απο αυτόν τον κώδικα: http://codepen.io/varemenos/pen/wnLmf

Κοινοποιήστε αυτήν την ανάρτηση


Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες
  • 0

Ευχαριστώ πολύ παιδιά για την βοήθεια, Alan Fall πάνω κάτω έτσι το είχα στο μυαλό μου απλά τώρα μαθαίνω javascript και jquery. Το έστειλα το project και περιμένω.

Κοινοποιήστε αυτήν την ανάρτηση


Σύνδεσμος στην ανάρτηση
Κοινοποίηση σε άλλες σελίδες

Δημιουργήστε έναν λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι εύκολο!

Εγγραφείτε για έναν νέο λογαριασμό

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
Συνδεθείτε  
×
×
  • Δημιουργία νέου...

Χρήσιμες πληροφορίες

Με την περιήγησή σας στο insomnia.gr, αποδέχεστε τη χρήση cookies που ενισχύουν σημαντικά την εμπειρία χρήσης.