• SANTORINI

    SANTORINI

  • SANTORINI

    SANTORINI

  • ZAKYNTHOS

    ZAKYNTHOS

  • LEYKADA

    LEYKADA

  • KEFALLONIA

    KEFALLONIA

  • KERKYRA

    KERKYRA

  • RODOS

    RODOS

GADGETS FOR BLOGS

YouTube GITHUB glitch.com JSBIN Start.me JSFIDDLE CODEPLY PASTEBIN.COM Repl.it CODEPEN CODEPEN

ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ DROPBOX ΜΟΥ

EMBED MUSIC
ΠΩΣ ΕΝΣΩΜΑΤΩΝΩ ΜΟΥΣΙΚΗ ΑΠΟ ΤΟ DROPBOX ΜΟΥ
Για να έχουμε σε δικό μας χώρο μουσική και να μην εξαρτώμαστε από τρίτους ανεβάζουμε τα μουσικά αρχεία MP3 σε ένα φάκελο στο dropbox μας. Μετά πηγαίνουμε στο μουσικό κομμάτι που θέλουμε να ενσωματώσουμε και τέρμα δεξιά του πατάμε το κουμπί «share». Μετά πατάμε πάνω στα μπλέ γράμματα που γράφουν «set visibility / expiration» και επιλέγουμε το αρχείο μας να μπορούν να το δούν όλοι όσοι έχουν το link. Ακριβώς από πάνω το dropbox μας δίνει ένα σύνδεσμο ο οποίος είναι αυτής της μορφής :

https://www.dropbox.com/s/bfq652wje5wx7u7/ZORBAS-ORIGINAL.mp3?dl=0

Αντικαταστήστε το https://www.dropbox.com με το https://dl.dropboxusercontent.com και το ?dl=0 σβήστε το. Τον νέο σύνδεσμο που προκύπτει αντιγράψτε τον 2 φορές για κάθε κομμάτι στον επόμενο κώδικα. Μία για να παίξει με τα χειριστήρια και μία για να παίξει πατώντας πάνω στον τίτλο του κομματιού σε νέα καρτέλα.

ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)
ΑΠΟΧΑΙΡΕΤΙΣΜΟΣ (Ξαρχάκος)
ΑΣΠΡΗ ΜΕΡΑ ΚΑΙ ΓΙΑ ΜΑΣ (Ξαρχάκος)
ΚΑΙΣΑΡΙΑΝΗ (Ξαρχάκος)
ΜΑΤΙΑ ΒΟΥΡΚΩΜΕΝΑ (Ξαρχάκος)
ΣΤΟΥ ΟΘΩΝΑ ΤΑ ΧΡΟΝΙΑ (Ξαρχάκος)
ΥΠΟΜΟΝΗ (Ξαρχάκος)
Ο ΧΟΡΟΣ ΤΟΥ ΣΑΚΕΝΑ (Ξαρχάκος)
ΖΟΡΜΠΑΣ ORIGINAL

Αντιγράψτε τον παρακάτω κώδικα αφου αντικαταστήστε με τα δικά σας links και τίτλους.
<audio controls=""><source src="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a> </br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/m8tjj4h94wg5lpm/APOXAIRETISMOS.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/m8tjj4h94wg5lpm/APOXAIRETISMOS.mp3" target="_blank">ΑΠΟΧΑΙΡΕΤΙΣΜΟΣ (Ξαρχάκος)</a></br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/y7a9wtjbuh926kc/ASPRH%20MERA.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/y7a9wtjbuh926kc/ASPRH%20MERA.mp3" target="_blank">ΑΣΠΡΗ ΜΕΡΑ ΚΑΙ ΓΙΑ ΜΑΣ (Ξαρχάκος)</a></br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/883387sdjaqolp9/KAISARIANH.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/883387sdjaqolp9/KAISARIANH.mp3" target="_blank">ΚΑΙΣΑΡΙΑΝΗ (Ξαρχάκος)</a></br>

<audio controls=""><source autoload="false" autoplay="false" hidden="true" src="https://dl.dropboxusercontent.com/s/ss0pjod738oy6k0/MATIA%20BOYRKOMENA.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/ss0pjod738oy6k0/MATIA%20BOYRKOMENA.mp3" target="_blank">ΜΑΤΙΑ ΒΟΥΡΚΩΜΕΝΑ (Ξαρχάκος)</a></br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/u50jo0nlnifciev/STOU%20OTHONA%20TA%20XRONIA.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/u50jo0nlnifciev/STOU%20OTHONA%20TA%20XRONIA.mp3" target="_blank">ΣΤΟΥ ΟΘΩΝΑ ΤΑ ΧΡΟΝΙΑ (Ξαρχάκος)</a></br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/nfn75vhfn28kero/YPOMONH.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/nfn75vhfn28kero/YPOMONH.mp3" target="_blank">ΥΠΟΜΟΝΗ (Ξαρχάκος)</a></br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/0psp2jb4hqpaldn/O%20XOROS%20TOU%20SAKENA.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/0psp2jb4hqpaldn/O%20XOROS%20TOU%20SAKENA.mp3" target="_blank">Ο ΧΟΡΟΣ ΤΟΥ ΣΑΚΕΝΑ (Ξαρχάκος)</a></br>

<audio controls=""><source src="https://dl.dropboxusercontent.com/s/bfq652wje5wx7u7/ZORBAS-ORIGINAL.mp3" type="audio/mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bfq652wje5wx7u7/ZORBAS-ORIGINAL.mp3" target="_blank">ΖΟΡΜΠΑΣ ORIGINAL</a></br>



Αν θέλετε να παίζει αυτόματα το κομμάτι χωρίς audio controls βάλτε τον παρακάτω κώδικα.
<audio autoplay>
<source src="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a>

Αν θέλετε να παίζει αυτόματα το κομμάτι χωρίς audio controls και με loop βάλτε τον παρακάτω κώδικα.
<audio autoplay loop>
<source src="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a>

Αν θέλετε να παίζει αυτόματα το κομμάτι με audio controls, χωρίς loop βάλτε τον παρακάτω κώδικα.
<audio autoplay controls="">
<source src="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a>

Αν θέλετε να παίζει αυτόματα το κομμάτι με audio controls και με loop βάλτε τον παρακάτω κώδικα.
<audio autoplay loop controls="">
<source src="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a>

Αν θέλετε να παίζει χειροκίνητα το κομμάτι με audio controls, χωρίς loop βάλτε τον παρακάτω κώδικα.
<audio controls="">
<source src="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3"></source></audio>
<a href="https://dl.dropboxusercontent.com/s/bsx6v1qovbntw6e/APONH%20ZOH.mp3" target="_blank">ΑΠΟΝΗ ΖΩΗ (Ξαρχάκος)</a>

4 σχόλια:

  1. Προσοχή ή γραμματοσειρα να μην είναι πάνω από 13px γιατί οι τιτλοι θα πάνε στην απο κάτω γραμμη.

    ΑπάντησηΔιαγραφή
  2. Εκπληκτικο το blog σου. Εχει σχεδον τα παντα...
    Μια απορια. Αν θελω απ το Dropbox μου να παιζει ενα τραγουδι απευθειας μολις μπαινει καποιος στο blog, τι πειραζω; Πειραξα το autoplay="false" σε "true" αλλα δεν δουλεψε. ουτε το hidden που το εκανα false αλλαξε κατι, περιμενα να κρυψει τον controler. Εκτος κι αν γινονται οι αλλαγες αυτες με τα ορισματα στο audio controls="" αλλα δεν τα ξερω. Δοκιμασα audio controls autoplay και audio controls="autoplay" χωρις επιτυχια. Μπορεις να με διαφωτισεις;

    ΑπάντησηΔιαγραφή
    Απαντήσεις
    1. Δεν ξέρω αν είδες διόρθωσα την ανάρτηση αυτή και την άλλη του google drive έβαλα όλους τους τρόπους autoplay και looped και hidden.

      Διαγραφή
  3. Ευχαριστω για την αμεση ανταποκριση! :) Πολυ κατατοπιστικα ολα! Να σαι καλα.

    ΑπάντησηΔιαγραφή

► Γράψτε το σχόλιό σας στο λευκό κουτί και αν θέλετε να ειδοποιηθήτε για την απάντηση τσεκάρετε το κουτάκι "Να λαμβάνω ειδοποιήσεις".

Σημείωση: Μόνο ένα μέλος αυτού του ιστολογίου μπορεί να αναρτήσει σχόλιο.