Cloudinary Video Player

Floating player

Full documentation (needs anchor)

Example Code:

      

      <video
        id="player"
        controls
        autoplay
        muted
        class="cld-video-player"
        width="500">
      </video>
      
    
      

      var player = cloudinary.videoPlayer('player', {
        cloud_name: 'demo',
        floatingWhenNotVisible: 'right' // or 'left'
      });

      player.source("snow_deer");
      
    

Some text to allow scrolling - Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse cursus enim quis elit efficitur, et varius orci dapibus. Praesent cursus, tellus nec bibendum sollicitudin, sem eros facilisis dui, sit amet porta dui sem in turpis. Morbi hendrerit laoreet quam, id aliquet ligula luctus at. Pellentesque sed mollis purus. Donec a dictum erat, sit amet tempor libero. Nunc dictum ac mauris nec dapibus. Etiam porta libero a iaculis blandit. Quisque tristique, nisl a tristique tincidunt, lorem risus pharetra dolor, in dignissim mi risus id arcu. Phasellus vulputate risus eget nulla lobortis, et tincidunt ipsum vestibulum. Morbi congue a augue eu ullamcorper. Praesent ornare tincidunt ex mollis consectetur. Suspendisse potenti. Integer fermentum enim sit amet risus rutrum, vel condimentum enim laoreet. Nullam eu enim eu ex ultrices posuere sed ac mi. Integer dignissim scelerisque erat, quis cursus sem mollis ac. Praesent vel rhoncus justo. Ut sit amet hendrerit neque, nec condimentum enim. Ut enim turpis, faucibus ac tempus non, congue sit amet risus. Nunc vehicula sit amet quam in egestas. Integer sollicitudin consectetur nisl, sit amet lacinia est elementum ac. Nunc id ultrices odio. Ut eget massa tempus, pharetra sapien at, commodo lectus. Donec quis nulla in magna finibus tempus. Curabitur blandit sapien non rutrum pellentesque. Morbi rutrum orci at nibh aliquam sollicitudin ac sagittis eros. Ut at justo velit. In nec dapibus justo. Aliquam ut sagittis neque. Phasellus sollicitudin, sapien a interdum malesuada, odio justo pharetra velit, vel pharetra mi erat ullamcorper risus. Praesent sapien sem, lacinia facilisis auctor vitae, egestas quis nulla. Morbi tincidunt rutrum ultricies. Maecenas consequat lectus in mollis pretium. Ut blandit arcu sit amet arcu tempor consectetur. Fusce congue et felis ut aliquet. Curabitur eros mi, maximus non lectus nec, pellentesque ultrices quam. Duis ac ligula at arcu maximus accumsan. Pellentesque non nunc mollis, euismod nunc id, porta tortor. Aenean id neque ac massa bibendum tristique et sed nulla. In mattis magna nec risus mattis sodales. Praesent vulputate malesuada leo, a mattis ipsum mollis non. Suspendisse diam erat, auctor at ante non, aliquet convallis sem. Donec augue diam, congue sit amet accumsan a, tincidunt a urna. In pharetra nulla convallis ex aliquam bibendum. Cras non mattis diam, eu vulputate eros. Nam vitae aliquet diam, vel accumsan augue. Nulla eu facilisis lorem. Maecenas varius imperdiet tristique. Nam placerat magna id malesuada faucibus. Phasellus lobortis consectetur justo at tincidunt. Maecenas fringilla nulla in nulla molestie maximus. Nulla lacus sem, commodo eu nibh eget, eleifend malesuada orci. Sed mi odio, tempus sit amet porttitor ut, dapibus vitae arcu. Nullam posuere, nibh vel sagittis interdum, lectus est gravida lectus, sed sollicitudin augue sapien eu arcu.