This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revision | ||
en:create:media [20.12.2019 17:37] – admin | en:create:media [26.07.2021 21:07] (current) – [The special case of YouTube videos] sophia.schauer | ||
---|---|---|---|
Line 133: | Line 133: | ||
Users who upload videos to YouTube (and similar platforms) transfer a whole series of usage rights to the platform. This can be very useful in survey studies because YouTube offers the possibility of embedding videos directly into external websites (such as your online questionnaire). | Users who upload videos to YouTube (and similar platforms) transfer a whole series of usage rights to the platform. This can be very useful in survey studies because YouTube offers the possibility of embedding videos directly into external websites (such as your online questionnaire). | ||
- | To do this, open the video on YouTube, click on the //Share// button, then //Embed//: Copy the HTML code into a text element | + | To do this, open the video on YouTube, click on the //Share// button, then //Embed//. MArk the option for " |
<code html> | <code html> | ||
Line 141: | Line 141: | ||
With this HTML code, a (mostly invisible) YouTube website is opened within the questionnaire and the YouTube player is loaded. The user does not have to upload the file, nor deal with copyright laws. In exchange, YouTube is permitted to blend their own advertisements into the video. | With this HTML code, a (mostly invisible) YouTube website is opened within the questionnaire and the YouTube player is loaded. The user does not have to upload the file, nor deal with copyright laws. In exchange, YouTube is permitted to blend their own advertisements into the video. | ||
- | **Warning: | + | **Warning: |
+ | |||
+ | **Warning: | ||
**Note:** Browser will access www.soscisurvey.de via secured (encrypted) HTTPS protocol. Some browsers deny including content from non-encrypted sources via iframe. When including external content, make sure, this content is available via HTTPS. Also use the HTTPS URL. | **Note:** Browser will access www.soscisurvey.de via secured (encrypted) HTTPS protocol. Some browsers deny including content from non-encrypted sources via iframe. When including external content, make sure, this content is available via HTTPS. Also use the HTTPS URL. | ||
Line 152: | Line 154: | ||
**Important: | **Important: | ||
- | To convert the video to mp4, ogg and webm formats, you can use different software. It works quite comfortable with [[https:// | + | To convert the video to mp4, ogg and webm formats, you can use different software. It works quite comfortable with [[https:// |
In SoSci Survey, you create a new [[: | In SoSci Survey, you create a new [[: | ||
Line 167: | Line 169: | ||
- | ==== Optimierte Einbindung | + | ==== Optimated Embedding |
- | HTML5-Videos kann man mittels | + | HTML5 videos can be controlled in a very differentiated way using JavaScript |
- | **Tipp:** Erlauben Sie die Bedienelemente auch dann, wenn Sie '' | + | **Tip:** Allow the controls even if you use '' |
<code html> | <code html> | ||
<video width=" | <video width=" | ||
- | <source src="dateiname.ogg" type=" | + | <source src="filename.ogg" type=" |
- | <source src="dateiname.mp4" type=" | + | <source src="filename.mp4" type=" |
- | <source src="dateiname.webm" type=" | + | <source src="filename.webm" type=" |
</ | </ | ||
Line 186: | Line 188: | ||
var video = document.getElementById(" | var video = document.getElementById(" | ||
- | // Bedienelemente ausblenden, sobald es abspielt | + | // Hide controls once it plays |
SoSciTools.attachEvent(video, | SoSciTools.attachEvent(video, | ||
stimulus.removeAttribute(" | stimulus.removeAttribute(" | ||
}); | }); | ||
- | // Weiter-Knopf ausblenden | + | // Hide next button |
SoSciTools.attachEvent(window, | SoSciTools.attachEvent(window, | ||
SoSciTools.submitButtonsHide(); | SoSciTools.submitButtonsHide(); | ||
}); | }); | ||
- | // Weiter-Knopf am Ende des Videos wieder anzeigen | + | // Show next button at the end of the video again |
SoSciTools.attachEvent(stimulus, | SoSciTools.attachEvent(stimulus, | ||
SoSciTools.submitButtonsDisplay(); | SoSciTools.submitButtonsDisplay(); | ||
Line 211: | Line 213: | ||
<code html> | <code html> | ||
- | <source src=" | + | <video width=" |
+ | | ||
+ | </video> | ||
</ | </ | ||
Line 219: | Line 223: | ||
<code html> | <code html> | ||
- | <source src=" | + | <video width=" |
+ | | ||
+ | </video> | ||
</ | </ | ||
Line 225: | Line 231: | ||
<code html> | <code html> | ||
- | <source src=" | + | <video width=" |
+ | | ||
+ | </video> | ||
</ | </ | ||