Template:YoutubeVideo: Difference between revisions

Revision as of 00:35, 27 December 2023

Stylishly embed youtube videos!

[Edit template data]
Template parameters
Parameter		Description	Type	Status
videoURL	`videoURL`	no description Example izF0hqzC8Gg or https://www.youtube.com/watch?v=izF0hqzC8Gg	URL	required
alignment	`alignment`	center is heavily suggested, as aligning it left/right can mess with the formatting of the article Suggested values `center` `left` `right` Default center	Unknown	required
Video Width	`width`	no description Suggested values `640` Auto value `640`	Number	suggested
Video Height	`height`	no description Suggested values `360` Auto value `360`	Number	suggested
caption	`caption`	no description	Unknown	optional

@@ Line 1: / Line 1: @@
 <div style="width: 100%; text-align: {{#if: {{{alignment|}}}|{{{alignment}}}|center}};">
-    <div style="display: inline-block; text-align: left;">
+<div style="display: inline-block; text-align: left;">
-        <div style="width: {{#if: {{{width|}}}|{{{width}}}px|640px}}; margin: 20px auto; padding: 10px; border: 1px solid #ccc;">
+<div style="width: {{#if: {{{width|}}}|{{{width}}}px|640px}}; margin: 20px auto; padding: 10px; border: 1px solid #ccc;">
-            <iframe width="{{#if: {{{width|}}}|{{{width}}}|640}}" src="https://www.youtube.com/embed/{{{videoURL}}}" frameborder="0" allowfullscreen></iframe>
+{{#widget:Html5media|url={{{videoURL}}}|width={{{width|640}}}|height={{{height|360}}}}}
-            <div style="text-align: center;"><small>{{{caption|}}}</small></div>
+<div style="text-align: center;"><small>{{{caption|}}}</small></div>
-        </div>
+</div>
-    </div>
+</div>
 </div>