Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

--- benutzung:alle_features [20.06.2018 10:29] – [Syntax Highlighting] Rustam Galljamov
+++ benutzung:alle_features [21.01.2019 22:25] – [Embedd HTML Code] Rustam Galljamov
@@ Zeile 98: / Zeile 98: @@
 <html><marquee>Make it scroll, baby!</marquee></html>
    <html><marquee>Make it scroll, baby!</marquee></html>
+===== Embedding videos into your Wiki-Article ====
+Most of the video platforms like YouTube allow embedding videos into web pages using HTML code. Don't panic, it's only copying and pasting.
+==== Embedding videos from YouTube ====
+{{ :benutzung:ifs-wiki_embedd_youtube.jpg?direct&400|}}
+  - Click the "Share"-Button below the playing video.
+  - In the popped up window choose "Embedd".
+  - A second video appears, where you can choose some settings and copy the HTML-Code / Embedding-Code.  See picture on the right for more detail.
+  - Paste the copied HTML-Code in a html-block in your wiki article, like so
+   <html>
+   <iframe width="560" height="315" src="https://www.youtube.com/embed/kiyi-C7NQrQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
+   </html>
+**The result** looks as follows (a video describing how to get the HTML-Code of a YouTube video):
+<html><iframe width="560" height="315" src="https://www.youtube.com/embed/kiyi-C7NQrQ" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe></html>
 ===== Footnotes =====
@@ Zeile 357: / Zeile 375: @@
-==== Tooltips ====
+===== Tooltips - Explaining single words =====
-To add a description to a link popping up when hovering over it, you can use HTML-Code presented here:
+To add a description to a word or phrase popping up when hovering over it, you can use the code snippet presented below.
+Here is the result:
 <html>
-<a href="#" data-toggle="tooltip"
+<a href="" data-toggle="tooltip" onclick="return false"
-            title="Your short or very very long text... it can be really long! IT">Hover over me</a>
+            title="Your short or very very long text... it can be really long! It is limited but the limit should not bother your">Hover over me!</a>
 </html>
+and here the code:
+<code>
+<html>
+<a href="" data-toggle="tooltip" onclick="return false"
+            title="Your short or very very long text... it can be really long! It is limited but the limit should not bother your">Hover over me!</a>
+</html>
+</code>