html5 video load

[liapinio]

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

[Alan Fall]

Θα βάλεις το βιντεάκι σε 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 αλλά είναι αρκετά πειραματικός θα έλεγα..

[linkinpark4175]

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

 

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

[liapinio]

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