Embedding Youtube

Fra HTX Arduino
Spring til navigation Spring til søgning

Når man skal embedde en film inde på Youtube, skal man først finde den film man vil embedde inde på youtube.

Det kan også være at man selv har produceret filmen, så man selv skal uploade den til Youtube - det er beskrevet på denne side om Youtube hvordan man kan gøre det.

Når man har fundet/uploadet den film man vil indlejre, klikker man på den knap under filmen, som hedder "Del"

Nyan Cat del.jpg

Så trykker man på knappen, hvorefter man trykker på knappen "Indlejring"

Udklip.jpg

Når man har gjort dette kommer der en kode-del frem som man skal lægge ind på sin hjemmeside, eks.

<iframe width="420" height="315" src="http://www.youtube.com/embed/QH2-TGUlwu4" 
frameborder="0" allowfullscreen>
</iframe>

Link.jpg

Så kan man ændre i størrelsen i filmen, og i sikkerhed ved at vælge hvad man vil have i denne menu:

Menu.jpg

Der kan du vælge at slå HTTPS til, som bør bruges hvis din hjemmeside bruger HTTPS (siden vises fra en server der arbejder på en sikker forbindelse).

Du kan også vælge "Aktiver Udvidet beskyttelse af personlige oplysninger", som gør at der bliver lavet en begrænset mængde cookies på seernes computer. Det ændre koden til dette her:

<iframe width="420" height="315" 
src="http://www.youtube-nocookie.com/embed/QH2-TGUlwu4" 
frameborder="0" allowfullscreen>
</iframe>

Du kan også ændre på størrelsen, ved at ændre på værdien i "width="420" height="315"".

Dette kan man også gøre på youtube:

Menu.jpg

Webdesign
CSS Placering - Egenskaber - Class - ID - Height - Width - Centrering - Margin - Border - Padding - Boksmodellen - Position - Text - Font - Farver - Backgruond - Table - List-style - Selectors - CSS3 - Media - Dropdown
HTML <b> - <br> - <em> - <strong> - <i> - <cite> - <q> - <tt> - <code> - <samp> - <kbd> - <var> - <pre> - <sub> - <sup> - <h1> - <h6> - <p> - <br> - <li> - <ol> - <ul> - <a> - <a> på siden - <img> - <map> - <object> - <dd> - <dl> - <dt> - <hr> - <div> - <span> - <html> - HTML5 - <head> - <title> - <body> - <frame> - <frameset> - <iframe> - <style> - <table> - <td> - <tr> - <th> - <tbody> - <thead> - <tfoot> - <form> - <input> - <textarea> - <label> - <select> - <option> - Radio button - Checkbox - Dropdown - Input text - Input password - Submit knap - Billede - Embedding Youtube - Kommentarer - Omdirigere