Widget:Video - Revision history

Leonie: add documentation on how to center the div

2025-11-17T14:54:00Z

add documentation on how to center the div

← Older revision		Revision as of 14:54, 17 November 2025
Line 8:		Line 8:
	Embed a YouTube Video using a iframe		Embed a YouTube Video using a iframe
	* '''videoId:''' The video Id of a youtube link (e.g. for: https://www.youtube.com/watch?v=D46KCQNDMaM7 its 'D46KCQNDMaM7')		* '''videoId:''' The video Id of a youtube link (e.g. for: https://www.youtube.com/watch?v=D46KCQNDMaM7 its 'D46KCQNDMaM7')


			<pre style="background-color:#F5F5F5">
			{{#widget:Video\|videoId=D46KCQNDMaM7}}
			</pre>


Line 13:		Line 18:
	* see also: [https://developers.google.com/youtube/player_parameters?hl=de IFrame Player API]		* see also: [https://developers.google.com/youtube/player_parameters?hl=de IFrame Player API]
	* to generate a similiar snippet as above, go to the share button and click embed (you can remove the ''si=xyz'' stuff)		* to generate a similiar snippet as above, go to the share button and click embed (you can remove the ''si=xyz'' stuff)
	* the div ~~around the iframe is used to~~ center it		* if you want to '''center the video''' you can wrap the wrap the widget in a div, like: <pre><div style:"text-align:center"> {{#widget}} </div> </pre>

	~~<pre style="background-color:#F5F5F5">~~
	~~{{#widget:Video\|videoId=D46KCQNDMaM7}}~~
	~~</pre>~~
	</noinclude>		</noinclude>

Leonie: use div to center iframe

2025-11-17T14:48:24Z

use div to center iframe

← Older revision		Revision as of 14:48, 17 November 2025
Line 1:		Line 1:
			<div style="text-align:center">
	<iframe width="560" height="315" align="middle" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" align="middle" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
			</div>

	<noinclude>		<noinclude>
Line 6:		Line 8:
	Embed a YouTube Video using a iframe		Embed a YouTube Video using a iframe
	* '''videoId:''' The video Id of a youtube link (e.g. for: https://www.youtube.com/watch?v=D46KCQNDMaM7 its 'D46KCQNDMaM7')		* '''videoId:''' The video Id of a youtube link (e.g. for: https://www.youtube.com/watch?v=D46KCQNDMaM7 its 'D46KCQNDMaM7')


	Notes:		Notes:
	* see also: [https://developers.google.com/youtube/player_parameters?hl=de IFrame Player API]		* see also: [https://developers.google.com/youtube/player_parameters?hl=de IFrame Player API]
	* to generate a similiar snippet as above, go to the share button and click embed (you can remove the ''si=xyz'' stuff)		* to generate a similiar snippet as above, go to the share button and click embed (you can remove the ''si=xyz'' stuff)
			* the div around the iframe is used to center it

	<pre style="background-color:#F5F5F5">		<pre style="background-color:#F5F5F5">

Leonie at 11:13, 17 November 2025

2025-11-17T11:13:28Z

← Older revision		Revision as of 11:13, 17 November 2025
Line 1:		Line 1:
	<iframe width="560" height="315" align="~~center~~" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" align="middle" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

	<noinclude>		<noinclude>

Leonie at 11:13, 17 November 2025

2025-11-17T11:13:02Z

← Older revision		Revision as of 11:13, 17 November 2025
Line 1:		Line 1:
	<iframe width="560" height="315" ~~style~~="~~display:block~~" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" align="center" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

	<noinclude>		<noinclude>

Leonie at 11:12, 17 November 2025

2025-11-17T11:12:25Z

← Older revision		Revision as of 11:12, 17 November 2025
Line 1:		Line 1:
	~~<div style="margin:auto">~~		<iframe width="560" height="315" style="display:block" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
	<iframe width="560" height="315" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
	~~</div>~~
	<noinclude>		<noinclude>

Leonie at 11:11, 17 November 2025

2025-11-17T11:11:08Z

← Older revision		Revision as of 11:11, 17 November 2025
Line 1:		Line 1:
	<iframe width="560" height="315~~" display="block~~" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<div style="margin:auto">
			<iframe width="560" height="315" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
			</div>
	<noinclude>		<noinclude>

Leonie: add display attribute to center iframe

2025-11-17T11:09:03Z

add display attribute to center iframe

← Older revision		Revision as of 11:09, 17 November 2025
Line 1:		Line 1:
	<iframe width="560" height="315" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" display="block" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

	<noinclude>		<noinclude>

Leonie: fix documentation

2025-11-10T14:54:40Z

fix documentation

← Older revision		Revision as of 14:54, 10 November 2025
Line 3:		Line 3:
	<noinclude>		<noinclude>

			= Usage =
			Embed a YouTube Video using a iframe
			* '''videoId:''' The video Id of a youtube link (e.g. for: https://www.youtube.com/watch?v=D46KCQNDMaM7 its 'D46KCQNDMaM7')

	~~<iframe id="ytplayer" type="text/html" width="640" height="360"~~		Notes:
	~~src="~~https://~~www~~.~~youtube~~.com/~~embed~~/~~D46KCQNDMaM7"~~		* see also: [https://developers.google.com/youtube/player_parameters?hl=de IFrame Player API]
	~~frameborder~~=~~"0"></iframe>~~		* to generate a similiar snippet as above, go to the share button and click embed (you can remove the ''si=xyz'' stuff)

	~~<iframe id="ytplayer" type="text/html" width="640" height="360"~~
	~~src="https://www.youtube.com/embed/<!--{$videoId\|default:D46KCQNDMaM7}-->?autoplay=1&origin=https://graphit.ur.de"~~
	~~frameborder="0"></iframe>~~

	~~= Usage =~~
	~~Embed a YouTube Video using a iframe~~
	* '''videoId:''' The video id of a youtube link (e.g. for: https://www.youtube.com/watch?v=D46KCQNDMaM7 its 'D46KCQNDMaM7')

	<pre style="background-color:#F5F5F5">		<pre style="background-color:#F5F5F5">

Leonie: try with parameters

2025-11-10T14:45:52Z

try with parameters

← Older revision		Revision as of 14:45, 10 November 2025
Line 1:		Line 1:
	<iframe width="560" height="315" src="https://www.youtube.com/embed/D46KCQNDMaM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" src="https://www.youtube.com/embed/<!--{$videoID\|default:D46KCQNDMaM}-->" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

	<noinclude>		<noinclude>

Leonie at 14:44, 10 November 2025

2025-11-10T14:44:51Z

← Older revision		Revision as of 14:44, 10 November 2025
Line 1:		Line 1:
	<iframe width="560" height="315" src="https://www.youtube.com/embed/D46KCQNDMaM~~?si=2WZzjEROC0bpA6oL~~" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>		<iframe width="560" height="315" src="https://www.youtube.com/embed/D46KCQNDMaM" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>

	<noinclude>		<noinclude>