Difference between revisions 98714 and 98730 on foundationwiki

next diff >
Template:YouTubeWithCommonsFallback
<html>
<div class="thumb">
<div class="video-commons" style="display:none;">
</html>[[{{{commons|File:The_Impact_Of_Wikipedia.webm}}}|{{{width|400}}}px]]<html>
</div>
<div class="thumbinner" stylestyle>
.video-wrapper {
    max-width: </html>{{{width|640}}}<html>px;
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.video-container .video-placeholder,
.video-container .video-commons,
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
</style>
<div class="video-wrapper">
    <div class="wvidth:</html>{{#expr: {{{width|400}}}+2 }}<html>px;">⏎
eo-container">⏎
        <img class="video-placeholder" alt="" src="</html>{{filepath:{{{placeholder|Wikipedia_Puzzle_Globe.jpg}}}|{{{width|6400}}}}}<html>" width="</html>class="thumbimage">
        <div class="video-commons" style="display:none;">
            </html>[[{{{commons|File:The_Impact_Of_Wikipedia.webm}}}|{{{width|6400}}}px]]<html>" class="thumbimage">⏎
⏎
        </div>
    </div><!-- /video-container -->⏎
    <div class="thumbvideo-caption" style="text-align:center;">
                <p>This video is hosted by YouTube.com subject to its <a class="external text" href="//www.youtube.com/t/terms">Terms of Use</a> and <a class="external text" href="//www.google.com/intl/en/policies/privacy/">Privacy Policy</a>. If you prefer, <a id="showcommonsvideo" href="</html>{{fullurl:commons:{{{commons|File:The_Impact_Of_Wikipedia.webm}}}}}<html>">view on Wikimedia Commons</a>.</p>⏎
    ⏎
    </div>
</div>⏎
</div<!-- /video-wrapper -->
⏎
⏎
<script>
$(".video-placeholder").click(function () {
    $(this).replaceWith(
        $("<iframe></iframe>", {
            class : "video-youtube",
            width : parseInt('</html>{{{width|400}}}<html>'),
            height : parseInt('</html>{{{width|400}}}<html>')*0.5625, //aspect ratio⏎
            frameborder : 0,
            allowfullscreen : 1,
            cc_load_policy : 1,
            show_info : 0,
            enablejsapi : 1,
            src : "https://www.youtube-nocookie.com/embed/" + "</html>{{{youtube|3Knv6D6Thi0}}}<html>" + "?rel=0&autoplay=1&origin=wikimediafoundation.org&theme=light&modestbranding=1&color=white"                        
        })
    );
});

$("a#showcommonsvideo").click(function(event){
    event.preventDefault();
    $(".video-youtube").remove();
    $("div.thumbinner").css('display', 'none');
    $("div.video-commons").css('display', 'block');
});

if( mw.util.getParamValue( "commons" ) == "true" ){
    $(".video-youtube").remove();
    $("div.thumbinner").css('display', 'none');
    $("div.video-commons").css('display', 'block');
}
</script>
</html><noinclude><pre>{{YouTubeWithCommonsFallback
| placeholder = Wikipedia_Puzzle_Globe.jpg
| youtube         = 3Knv6D6Thi0
| commons         = File:The_Impact_Of_Wikipedia.webm
| width = 40      = 640
}}</pre></noinclude>