Template:VideoTutorial: Difference between revisions

From RPTools Wiki
Jump to navigation Jump to search
m (Simplify and streamline styling)
No edit summary
Tag: Manual revert
 
(15 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<noinclude>
<noinclude>
=Template Usage=
=Template Usage=
This template wraps video embed code intended for demonstration and tutorial videos.
This template wraps a YouTube video slug into a link/callout box intended for demonstration and tutorial videos. To test out this template there is a [[VideoTutorial|VideoTutorial sandbox page]].


==Example Output==
==Example Output==
{{VideoTutorial
<div style="display: inline-block;padding: 0;border: 1px solid silver;background: #fdfdfd; background-position: left center;background-size: 4rem;background-repeat: no-repeat" class="video_tutorial">
|https://www.youtube.com/watch?v=9rVo2Yj-xcw
<div style="float:left">[[File:clapperboard.png|48px]]</div>
|title=Tom Chapman's MapTool Tutorial
<div style="float:right; padding:.5rem; .75rem .5rem 0;"><strong>[https://www.youtube.com/watch?v=9rVo2Yj-xcw Tom Chapman's first MapTool tutorial]</strong><br><em>The most watched tutorial series for MapTool.</em>
|caption=The first video in the series.
</div>
}}
</div>


==Example==
==Example==
<pre>{{VideoTutorial
<pre>{{VideoTutorial
|https://www.youtube.com/watch?v=9rVo2Yj-xcw
|9rVo2Yj-xcw
|Tom Chapman's MapTool Tutorial
|Tom Chapman's MapTool Tutorial
|The first video in the series.
|The first video in the series.
Line 19: Line 19:
=Source=
=Source=
Edit this section to view template source.
Edit this section to view template source.
</noinclude><includeonly><div style="display: inline-block; padding:.5rem; border: 1px solid grey; background: #fefefa" class="video_tutorial">
</noinclude><includeonly><div style="display: inline-block;padding: 0;border: 1px solid silver;background: #fdfdfd; background-position: left center;background-size: 4rem;background-repeat: no-repeat" class="video_tutorial">
<a href="{{{1}}}" target="_blank"><strong>{{{2|Video Tutorial}}}</strong></a><br><em>{{{3}}}</em>
<div style="float:left">[[File:clapperboard.png|48px]]</div>
</div>[[Category:Pages with Video Tutorials]]</includeonly><noinclude>[[Category:Templates]]</noinclude>
<div style="float:right; padding:.5rem; .75rem .5rem 0;"><strong>[https://www.youtube.com/watch?v={{{1}}} {{{2|Video Tutorial}}}]</strong><br><em>{{{3}}}</em>
</div></div>[[Category:Pages with Video Tutorials]]</includeonly><noinclude>[[Category:Templates]]</noinclude>

Latest revision as of 02:38, 15 February 2023

Template Usage

This template wraps a YouTube video slug into a link/callout box intended for demonstration and tutorial videos. To test out this template there is a VideoTutorial sandbox page.

Example Output

Tom Chapman's first MapTool tutorial
The most watched tutorial series for MapTool.

Example

{{VideoTutorial
|9rVo2Yj-xcw
|Tom Chapman's MapTool Tutorial
|The first video in the series.
}}

Source

Edit this section to view template source.