Skip to content

Instantly share code, notes, and snippets.

<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-fully-responsive" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
</video>
<script>
var testVideo = fluidPlayer(
'video-fully-responsive',
<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-html-on-pause" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
</video>
<script>
var testVideo = fluidPlayer(
'video-html-on-pause',
<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-ad-text-cta" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
</video>
<script>
var my_vast_url = "/{{ theme_path('assets/vax.xml') }}";
var testVideo = fluidPlayer(
<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-ad-text" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
</video>
<script>
var my_vast_url = "/{{ theme_path('assets/vax.xml') }}";
<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-logo" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
</video>
<script>
var testVideo = fluidPlayer(
'video-logo',
<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-autoplay" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
</video>
<script>
var video = fluidPlayer(
'video-autoplay',
<link rel="stylesheet" href="https://cdn.fluidplayer.com/current/fluidplayer.min.css" type="text/css"/>
<script src="https://cdn.fluidplayer.com/current/fluidplayer.min.js"></script>
<video id="video-multi-res" controls style="width:100%">
<source src="http://cdn.fluidplayer.com/current/examples/video.mp4" title="720p" type="video/mp4">
<source src="http://cdn.fluidplayer.com/current/examples/video360.mp4" title="360p" type="video/mp4">
</video>
<script>
var video = fluidPlayer(