playlistxyz

<ul id="mixedPlaylist" style="display:none;">
    <li data-thumb-source="content/thumbnails/small-fwd.jpg" data-video-source="[{source:'content/videos2/fwd-480p.mp4', label:'small version'}, {source:'content/videos2/fwd-720p.mp4', label:'hd720'},{source:'content/videos2/fwd-1080p.mp4', label:'hd1080'}]" data-start-at-video="2" data-poster-source="content/posters/mp4-poster.jpg,content/posters/mp4-poster-mobile.jpg" data-subtitle-soruce="[{source:'content/subtitles/english_subtitle.vtt', label:'English'}, {source:'content/subtitles/romanian_subtitle.vtt', label:'Romanian'},{source:'content/subtitles/spanish_subtitle.vtt', label:'Spanish'}]" data-start-at-subtitle="1" data-downloadable="no">
        <div data-video-short-description="">
            <div>
                <p class="fwduvp-thumbnail-title">MP4 video support</p>
                <p class="fwduvp-thumbnail-description">Support for self-hosted or external mp4 video files.</p>
            </div>
        </div>
        <div data-video-long-description="">
            <div>
                <p class="fwduvp-video-title">MP4 video support</p>
                <p class="fwduvp-video-main-description">Each video can contain a detailed description, the description can be formatted with CSS as you like. The description window and description button can be disabled individually for each video or globally for all video.</p>
                <p class="fwduvp-link">For more information about this please follow <a href="http://www.webdesign-flash.ro/" target="_blank">this link</a></p>
            </div>
        </div>
    </li>
     
    <li data-thumb-source="content/thumbnails/small-lora.jpg" data-video-source="https://www.youtube.com/watch?v=IDZTCLNOfqU" data-poster-source="content/posters/Youtube-poster.jpg,content/posters/Youtube-poster-mobile.jpg" data-downloadable="no">
        <div data-video-short-description="">
            <div>
                <p class="fwduvp-thumbnail-title">Youtube video</p>
                <p class="fwduvp-thumbnail-description">Support for Youtube videos, this video is not part of a Youtube playlist.</p>
            </div>
        </div>
        <div data-video-long-description="">
            <div>
                <p class="fwduvp-video-title">Youtube single videos</p>
                <p class="fwduvp-video-main-description">Each video can contain a detailed description, the description can be formatted with CSS as you like. The description window and description button can be disabled individually for each video or globally for all video.</p>
                <p class="fwduvp-link">For more information about this please follow <a href="http://www.webdesign-flash.ro/" target="_blank">this link</a></p>
            </div>
        </div>
    </li>
     
    <li data-thumb-source="content/thumbnails/v1.jpg" data-video-source="https://vimeo.com/channels/top/62092214" data-poster-source="content/posters/vimeo-poster.jpg,content/posters/vimeo-poster-mobile.jpg">
        <div data-video-short-description="">
            <div>
                <p class="fwduvp-thumbnail-title">Vimeo video</p>
                <p class="fwduvp-thumbnail-description">Support for Vimeo videos, this video is not part of a Vimeo playlist.</p>
            </div>
        </div>
        <div data-video-long-description="">
            <div>
                <p class="fwduvp-video-title">Vimeo video</p>
                <p class="fwduvp-video-main-description">Each video can contain a detailed description, the description can be formatted with CSS as you like. The description window and description button can be disabled individually for each video or globally for all video.</p>
                <p class="fwduvp-link">For more information about this please follow <a href="http://www.webdesign-flash.ro/" target="_blank">this link</a></p>
            </div>
        </div>
    </li>
     
    <li data-thumb-source="content/thumbnails/audio-thumbnail.jpg" data-video-source="content/mp3/01.mp3" data-poster-source="content/posters/audio-poster.jpg" data-downloadable="no">
        <div data-video-short-description="">
            <div>
                <p class="fwduvp-thumbnail-title">Mp3 Audio</p>
                <p class="fwduvp-thumbnail-description">UVP can play mp3 files and visualize it in real time.</p>
            </div>  
        </div>
        <div data-video-long-description="">
            <div>
                <p class="fwduvp-video-title">Mp3 Audio</p>
                <p class="fwduvp-video-main-description">Each video can contain a detailed description, the description can be formatted with CSS as you like. The description window and description button can be disabled individually for each video or globally for all video.</p>
                <p class="fwduvp-link">For more information about this please follow <a href="http://www.webdesign-flash.ro/p/megazoom/" target="_blank">this link</a></p>
            </div>
        </div>
    </li>
</ul>