Register

If this is your first visit, please click the Sign Up now button to begin the process of creating your account so you can begin posting on our forums! The Sign Up process will only take up about a minute of two of your time.

Results 1 to 3 of 3
  1. #1
    Junior Member
    Join Date
    Mar 2015
    Posts
    3
    Member #
    47871

    Question HTML 5 Video Preview Selection

    Hello all!

    I have a question about HTML 5 video player previews.

    Is there a way to select a frame from your video in a HTML 5 player to be used as a preview instead of the first from of your video?

    I am using Muse to build a site, and have a promo video that it on the home page. Here is the current code I am using for the player.

    <video width="596" height="334" controls loop>
    <source src="http://tvew.businesscatalyst.com/assets/UninstallZoomSwitch.mp4" type="video/mp4">
    Your browser does not support the video tag.
    </video>

    Any suggestions would be very appreciated.
    Thank you!
    Josh

  2.  

  3. #2

  4. #3
    Junior Member
    Join Date
    Mar 2015
    Posts
    3
    Member #
    47871
    Thank you Brian, I have to do a little tweaking for it to work in Muse, but it worked like a charm!

    Thanks for pointing me in the right direction!

    **Thought I would add the code I used for the HTML element in muse for it to work.

    <video width="960" height="540" controls preload="auto" poster="http://tvew.businesscatalyst.com/assets/posterimg.png">
    <source src="http://tvew.businesscatalyst.com/assets/vew-promo.mp4" type="video/mp4">
    Your browser does not support the video tag.
    video {
    width:960px;
    height:540px;
    background:transparent url(http://tvew.businesscatalyst.com/assets/posterimg.png) no-repeat 0 0;
    -webkit-background-size:cover;
    -moz-background-size:cover;
    -o-background-size:cover;
    background-size:cover;
    }
    </video>
    Last edited by jgilbreath; Mar 16th, 2015 at 09:45 AM. Reason: Added code I used in Muse


Remove Ads

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
All times are GMT -6. The time now is 07:01 AM.
Powered by vBulletin® Version 4.2.3
Copyright © 2019 vBulletin Solutions, Inc. All rights reserved.
vBulletin Skin By: PurevB.com