Copied to clipboard

Flag this post as spam?

This post will be reported to the moderators as potential spam to be looked at


  • C Andreasson 79 posts 207 karma points
    Oct 10, 2014 @ 21:33
    C Andreasson
    0

    Video as a Background v.7

    Hi

    Is there someone who knows a tutorials how to make video as background in v.7

    ;-)/C.Andreasson

  • Dennis Aaen 4490 posts 18155 karma points admin hq c-trib
    Oct 11, 2014 @ 03:13
    Dennis Aaen
    101

    Hi C Andreasson,

    I just search on Google to try to find a totural on how you could do it,

    I found this http://demosthenes.info/blog/777/Create-Fullscreen-HTML5-Page-Background-Video I know this is not a Umbraco specific tutorial, but maybe you first can get it up and running just on flat HTML pages, and after you got it to work then you can build the document type, and add the necessary fields on the document type,

    And here is the codepin with the example so you can see how it works: http://codepen.io/dudleystorey/pen/knqyK

    Hope this can help you in the right direction.

    /Dennis

  • Jan Skovgaard 11264 posts 23592 karma points MVP 8x admin c-trib
    Oct 11, 2014 @ 09:06
    Jan Skovgaard
    0

    Hi there

    Just wanted to add this comment...Stuff that should be rendered on the website is never Umbraco specific since it's something that is done in the template.

    But if the video should be delivered from Umbraco then I think it's a matter of using the media picker in Umbraco to choose the video file. But make sure to add the mime types in the web.config so you don't have to worry about the server settings for these. Have a look at this blogpost http://madskristensen.net/post/prepare-webconfig-for-html5-and-css3 - For video you of course only need to add the video specific mime types even though adding the others won't hurt :).

    If you don't plan to make it possible to serve the video from inside Umbraco but from a folder on disk then you'll need to add the mime-types anyway I guess and then follow the tutorials Dennis has shown above.

    You could perhaps also fetch the video from youtube using their API somehow.

    Hope this helps and please let us know if you have doubts about anything.

    Cheers, Jan

  • C Andreasson 79 posts 207 karma points
    Oct 11, 2014 @ 11:03
    C Andreasson
    0

    Ahhh!! Chrome currently has a bug in which it will not autoplay. It works in Firefox.

    And thank you Jan for the tip and link :)  I will try it :)

  • schlubadub 102 posts 617 karma points
    Jun 09, 2016 @ 07:34
    schlubadub
    0

    Hi,

    Does anyone have any code they can share for this? Any tips for getting a background video into a V7 grid on a per-column or per-row basis?

    Cheers

Please Sign in or register to post replies

Write your reply to:

Draft