JSFiddle - React, Tailwind, and code Playground

by ian_smithz

HTML

<script src="http://popcornjs.org/code/dist/popcorn-complete.min.js"></script>
<div id="videoplayer" style="width:300px;height:200px;"></div>
Recent Photos
<div id="photo-player"></div>

CSS

html{font-family:arial;}

JavaScript

// using YouTube Flash player, so we need special YouTube interface
    Popcorn.youtube( 'videoplayer', 'http://www.youtube.com/watch?v=s4ojFcZIqRU', { width: 300 } )

     
    .flickr({
        start: 0,
        end: 400,
        userid: '27861585@N02',
        target: 'photo-player'
     } )
    .play();