I am totally new to web design and building websites. I have started creating a website with Hype 3 and I am finding it absolutely great so far! I have now reached a point though where I would like some advice. I am looking to have a page which will play my current film showreel fullscreen.
I have looked into embedding YouTube or Vimeo videos. However its not achieving the look I am after, which is to be fullscreen without any controls and is responsive.
So I have completed a few tests by dragging video directly into Hype from my desktop and have got the look I am looking to achieve.
However I am not sure if it will work having a 3 minute (maybe longer) 1080p video on a webpage, roughly (450mb). Will it take forever to load when a user opens the webpage?
yes it will definitely slow down the internet.
and you need to think about the traffic as well.
if your server is limited to 10Gb a day.
your server will be down when more than 22 people visit your website.
i suggest you link the video and try to google and find out how to edit youtube source code to let you autoplay the video.
welcome to Hype community btw !!!
ps. apple devices don’t let you autoplay videos. this is the huge problem to many of us.
I am sure there is a sneaky way to let autoplay videos.
anyway i do not recommend you to put 450mb video to your website.
Thanks for the advice, I hadn’t considered any of those points.
I will search around to try and find a way to edit the source code as you suggest. Seems that will be the best way if it can be done / if I can find out how it can be done.
Autoplay isn’t so much of an issue in my case for now, but thanks for the heads up!
Also if it’s encoded as an MP4, it should be much smaller than 450MB. Run it through Miro Video encoder and export as an MP4 and I’ll bet you get a much healthier size.
I would look for a third party player which would do what you want and let you stream a file url. You could store it on google drive, set the folder to public (anyone can access) and then click share on the file. You will get a long url but you should copy the id part after the ‘d’ and before the ‘sharing bit’ then put that id in to the following URL. http://googledrive.com/host/YOUR_ID_HERE that should work and it is what I am doing to embed hd videos in my iOS app.
embed from vimeo or youtube, http streaming is slow and you have to deal with compatibility across devices and browsers. also you can autoplay with a variable.
I mixed two chunks of code and came with this, a youtube responsive embed without controls, only it shows the yt watermark on over, but it’s pretty damn close!