Ενσωμάτωση βίντεο του youtube στο blog μας ...

Στο Blog του σχολείου μπορούν να ενσωματωθούν και βίντεο της δημοφιλούς υπηρεσίας youtube. Η ιδιαιτερότητα είναι ότι πρέπει να δουλεύει και στα κινητά (smartphone).

Να ο τρόπος που ενσωματώνουμε τα βίντεο.

• Βρίσκουμε το βίντεο που θέλουμε να ενσωματώσουμε στην ιστοσελίδα μας.
• Κάνουμε αντιγραφή τη διεύθυνση του βίντεο (όπως το παράδειγμα).
  

  https://www.youtube.com/watch?v=3iLv2wAkT9E

• Αντιγράφουμε τον παρακάτω κώδικα και αλλάζουμε τον χαρακτηριστικό με τα κόκκινα γράμματα που είναι η ταυτότητα του βίντεό μας.
  
  Για προβολή 16:9
  
  

  <style>.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }</style><div class='embed-container'><iframe src='http://www.youtube.com/embed/ΤΑΥΤΟΤΗΤΑ ΤΟΥ ΒΙΝΤΕΟ' frameborder='0' allowfullscreen></iframe></div>

  
  Μαρκάρουμε το σημείο που θέλουμε να εμφανιστεί παράδειγμα με 00000 (πέντε μηδενικά) γυρίζουμε την προβολή σύνθεση σε html και εκεί που είναι τα 00000 επικολλούμε το κώδικα του βίντεο. 

16:9 βίντεο παράδειγμα