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,
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.
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
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
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
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 :)
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
is working on a reply...