HTML video player (Fluid Player) playing more then one video

Solution 1:

<!DOCTYPE html>
<html>

<body>
     <link rel="stylesheet" href="https://cdn.fluidplayer.com/v2/current/fluidplayer.min.css" type="text/css"/>
    <script src="https://cdn.fluidplayer.com/v2/current/fluidplayer.min.js"></script>
    <video id="short" height="225" loop  controls> 
            <source src="wrestling.mp4" type="video/mp4"/>
    </video>
    <video id="short" height="225" loop  controls> 
            <source src="wrestling.mp4" type="video/mp4"/>
    </video>
    <video id="short" height="225" loop  controls> 
            <source src="wrestling.mp4" type="video/mp4"/>
    </video>

</body>
<script type="text/javascript">
     var myFP = fluidPlayer(
        'short',
        {
            layoutControls: {
    fillToContainer: false,
    primaryColor: false,
    posterImage: false,
    autoPlay: false,
    playButtonShowing: true,
    playPauseAnimation: true,
    mute: false,
    logo: {
      imageUrl: null,
      position: 'top left',
      clickUrl: null,
      opacity: 1,
      mouseOverImageUrl: null,
      imageMargin: '2px',
      hideWithControls: false,
      showOverAds: false
    },
    htmlOnPauseBlock: {
      html: null,
      height: null,
      width: null
    },
    allowDownload: false,
    allowTheatre: false,
    playbackRateEnabled: false,
    controlBar: {
      autoHide: true,
      autoHideTimeout: 1,
      animated: false
    },
            },
            vastOptions: {
            }
        }
    );
</script>
</html>
HTML video player (Fluid Player) playing more then one video

Solution 1:

Related

Recent Posts
