public:services:videoeinbetten

Unterschiede

Hier werden die Unterschiede zwischen zwei Versionen angezeigt.

Link zu dieser Vergleichsansicht

Beide Seiten der vorigen Revision Vorhergehende Überarbeitung
Nächste Überarbeitung		 Vorhergehende Überarbeitung
public:services:videoeinbetten [2020/04/06 15:23] – Kremer, Frankpublic:services:videoeinbetten [2020/12/16 11:33] (aktuell) – Kremer, Frank
Zeile 5: Zeile 5:
 ===== Video von sciebeo auf Moodle einbetten ===== ===== Video von sciebeo auf Moodle einbetten =====
  
-Falls noch nicht geschehen, so müssen Sie ihr Video zunächst [[https://hochschule-rhein-waal.sciebo.de/s/uDCvlUw6tnQLIYK|bei sciebo hochladen]]. Falls Sie noch gar kein Video erstellt haben, schauen Sie sich doch zunächst im WIki um und kehren später hierhin zurück.+Falls noch nicht geschehen, so müssen Sie ihr Video zunächst [[https://hochschule-rhein-waal.sciebo.de/s/uDCvlUw6tnQLIYK|bei sciebo hochladen]]. Falls Sie noch gar kein Video erstellt haben, schauen Sie sich doch zunächst hier im Wiki um und kehren später hierhin zurück.
  
-==== Als Link/URL ===== +==== 1. Option - Als Link/URL (Empfehlung, da einfach und schnell) ===== 
-Wenn Sie ein aufgenommenes Video einfach verlinken möchten, [[https://hochschule-rhein-waal.sciebo.de/s/H1ZYaFuYClFMkfc|folgen Sie unserem Tutorial zum anlegen von Links]].+Wenn Sie ein aufgenommenes Video einfach verlinken möchten, [[https://hochschule-rhein-waal.sciebo.de/s/H1ZYaFuYClFMkfc|folgen Sie unserem Tutorial zum anlegen von Links]]. Das Abspielen des Videos findet dann auf der sciebo-Seite statt. Diese bietet den Studierenden einen Downloadbutton, wenn sie dies unterbinden wollen oder müssen, sollten Sie sich mit den anderen Optionen beschäftigen.
  
-==== Video einbetten ====+==== 2. Option - Video einbetten mit H5P Interaktiver Inhalt ==== 
 +Hier wird eine alternative Vorgehensweise zur Einbindung von Videos ebschrieben. Mit dieser können Sie den Download Ihrer Videos durch Kursteilnehmer etwas erschweren (jedoch nicht verhindern). Genutzt wird dazu die H5P-Aktivität. H5P bietet natürlich noch viele weitere Optionen, auf diese wird hier jedoch __nicht__ eingegangen.
  
-Sie können das Video auch direkt in eine Moodle-Seite einbetten. Dies hat den Vorteil, dass für die Nutzer (Studierenden) kein Kontextwechsel erforderlich ist. Weiterhin können Sie so den Downlaod Ihrer Videos durch Kursteilnehmer etwas erschweren (jedoch nicht verhindern).+Bitte folgen Sie dieser schrittweisen Anleitung: 
 + 
 +1. Klicken Sie in Ihrem Kurs auf "Material oder Aktivität hinzufügen". 
 + 
 +2. im dann erscheinenden Fenster wählen Sie "Interaktiver Inhalt aus" 
 + 
 +3. und bestätigen mit einem Klick auf "Hinzufügen." 
 + 
 +{{:public:services:moodle_video_einbetten_h5p_1.png?400|}} 
 + 
 +4. Anschließend klicken sie auf "Interactive Video". 
 + 
 +{{:public:services:moodle_video_einbetten_h5p_2.png?400|}} 
 + 
 +5. In der folgenden Ansicht müssen Sie zunäcst einen Namen für das Video angeben (wird später im Kurs angezeigt). 
 + 
 +6. Anschließend klicken Sie auf Datei hinzufügen. 
 + 
 +{{:public:services:moodle_video_einbetten_h5p_3.png?400|}} 
 + 
 +7. Kopieren Sie nun Ihren sciebo-Link. Wichtig: fügen Sie am Ende des Links noch "**/download**" hinzu. 
 + 
 +8. Anschließend klicken Sie bitte auf "Einfügen". 
 + 
 +{{:public:services:moodle_video_einbetten_h5p_4.png?400|}} 
 + 
 +9. Nehmen Sie den Haken bei "Aktionsleiste und Rahmen anzeigen" heraus. 
 + 
 +10. Klicken Sie auf "Speichern und zum Kurs. 
 + 
 +{{:public:services:moodle_video_einbetten_h5p_5.png?400|}} 
 + 
 + 
 + 
 +==== 3. Option - Video einbetten mit HTML-Code (für Fortgeschrittene) ==== 
 + 
 +Sie können das Video auch direkt in eine Moodle-Seite einbetten. Dies hat den Vorteil, dass für die Nutzer (Studierenden) kein Kontextwechsel erforderlich ist. Weiterhin können Sie so den Download Ihrer Videos durch Kursteilnehmer etwas erschweren (jedoch nicht verhindern).
  
 Leider erfordert das Vorgehen hierzu etwas mehr technisches Geschick, als die meisten anderen unserer Anleitungen.  Leider erfordert das Vorgehen hierzu etwas mehr technisches Geschick, als die meisten anderen unserer Anleitungen. 
  
 Bearbeiten Sie zunächst das Thema in Moodle, in das das Video eingebettet werden soll. Schalten Sie den Editor dann in den HTML-Modus, siehe dazu auch die folgende Abbildung. Bearbeiten Sie zunächst das Thema in Moodle, in das das Video eingebettet werden soll. Schalten Sie den Editor dann in den HTML-Modus, siehe dazu auch die folgende Abbildung.
 +
  
 {{ :public:services:video_einbetten.png?direct&400 |}} {{ :public:services:video_einbetten.png?direct&400 |}}
 +
  
 Dort fügen Sie nun den folgenden HTML5-Code ein.  Dort fügen Sie nun den folgenden HTML5-Code ein. 
- 
-<note tip>Passen Sie auf nicht aus Versehen bereits vorhandene Inhalte zu löschen.</note> 
  
 <code> <code>
-<video controls="" oncontextmenu="return false;" style="max-width: 500px; max-height: 500px"> +<video controls="" controlslist="nodownload" oncontextmenu="return false;" style="max-width: 500px; max-height: 500px"> 
-    <source src="**https://hochschule-rhein-waal.sciebo.de/s/Gzhp4mWnaQQwws8/download**" type="video/mp4">+    <source src="https://hochschule-rhein-waal.sciebo.de/s/Gzhp4mWnaQQwws8/download" type="video/mp4">
     <div>Your browser does not support HTML5 videos.</div>     <div>Your browser does not support HTML5 videos.</div>
 </video> </video>
 </code> </code>
  
-Bitte ersetzen Sie noch den **fettgedruckten** Teil durch Ihren eigenen Link.+<note tip>Achten Sie darauf nicht aus Versehen bereits vorhandene Inhalte zu löschen.</note> 
 + 
 +Bitte ersetzen Sie anschließend die URL durch die Ihres eigenen Videos ("/download" muss stehen bleiben).
  • public/services/videoeinbetten.1586179392.txt.gz
  • Zuletzt geändert: 2020/04/06 15:23
  • von Kremer, Frank