Scribd Logo
Upload

Welcome to Scribd!

  • DOCTYPE html-EJEMPLO DE VIDEO 2

    Uploaded by

    Omyh Parra Martínez
    51 views3 pages
    The document embeds 3 video players on a page using the Fluid Player library. Each player is initialized with the id of the corresponding <video> element and identical configuration options, including settings for layout controls, autoplay disabled, and no vast options specified. The players will display the same wrestling.mp4 video in a loop with controls enabled.

    Original Description:

    Copyright

    © © All Rights Reserved

    Available Formats

    DOCX, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    The document embeds 3 video players on a page using the Fluid Player library. Each player is initialized with the id of the corresponding <video> element and identical configuration options, including settings for layout controls, autoplay disabled, and no vast options specified. The players will display the same wrestling.mp4 video in a loop with controls enabled.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    51 views3 pages

    DOCTYPE html-EJEMPLO DE VIDEO 2

    Uploaded by

    Omyh Parra Martínez
    The document embeds 3 video players on a page using the Fluid Player library. Each player is initialized with the id of the corresponding <video> element and identical configuration options, including settings for layout controls, autoplay disabled, and no vast options specified. The players will display the same wrestling.mp4 video in a loop with controls enabled.

    Copyright:

    © All Rights Reserved
    Download as DOCX, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    Download as docx, pdf, or txt
    of 3

    <!

    DOCTYPE html> 2
    <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>
    <!-- Providing unique id for each element -->
    <video id="short1" height="225" loop controls>
    <source src="wrestling.mp4" type="video/mp4"/>
    </video>
    <!-- Providing unique id for each element -->
    <video id="short2" height="225" loop controls>
    <source src="wrestling.mp4" type="video/mp4"/>
    </video>
    <!-- Providing unique id for each element -->
    <video id="short3" height="225" loop controls>
    <source src="wrestling.mp4" type="video/mp4"/>
    </video>

    </body>

    <!-- INVOKING FIRST PLAYER -->


    <script type="text/javascript">
    var myFP = fluidPlayer(
    'short1',
    {
    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>
    <!-- INVOKING SECOND PLAYER -->
    <script type="text/javascript">
    var myFP = fluidPlayer(
    'short2',
    {
    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>
    <!-- INVOKING THIRD PLAYER -->
    <script type="text/javascript">
    var myFP = fluidPlayer(
    'short3',
    {
    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>

    You might also like