How To Embed Offline Video

I am creating a webpage to actually use offline (locally) as a presentation tool. We have lots of MP4 videos which I have locally that I would like to play when I click on the thumbnail in the prebuilt Image and Video blocks.

So when I click on a thumbnail it autoplays the locally stored video file in a simple HTML5 player.

How would I go about doing this? I need to avoid uploading to YouTube and Vimeo.

Hope it is of some help. It starts fast, buffers sufficiently - in fact, we always create a html5 version as well as a YouTube embedded version for redundancy purposes. (You never know what may happen in the future...)

Thanks for the replies. I should have clarified, I do not want to link to videos on my own server. The videos are local on lets say my laptop. So I can publish my website to my desktop, then take my laptop into the middle of the desert with no internet and open my webpage and show people my portfolio. When I click on a video it links to a video that is on my desktop as an MP4 for example.

I also do not have the code editor extension so would be great to be able to do this using the standard link method.

I am creating a webpage to actually use offline (locally) as a presentation tool. We have lots of MP4 videos which I have locally that I would like to play when I click on the thumbnail in the prebuilt Image and Video blocks.

So when I click on a thumbnail it autoplays the locally stored video file in a simple HTML5 player.

How would I go about doing this? I need to avoid uploading to YouTube and Vimeo.

It gives you all the possible extensions MP4, webm, Flash and Ogg to work on all browsers, iOS and android. It works for your own server videos and it works offline too, so videos will work offline in the desert where there is no internet connection. It is very easy to implement and to use. Guaranteed

I am creating a webpage to actually use offline (locally) as a presentation tool. We have lots of MP4 videos which I have locally that I would like to play when I click on the thumbnail in the prebuilt Image and Video blocks.

So when I click on a thumbnail it autoplays the locally stored video file in a simple HTML5 player.

How would I go about doing this? I need to avoid uploading to YouTube and Vimeo.

It gives you all the possible extensions MP4, webm, Flash and Ogg to work on all browsers, iOS and android. It works for your own server videos and it works offline too, so videos will work offline in the desert where there is no internet connection. It is very easy to implement and to use. Guaranteed

Regards,Omar

Thanks for the suggestion. Just downloaded it so will try it out and see how it goes!

I'll try explain again what I'm after and hopefully make it clearer to understand. By the way I've just purchased the code editor extension so hopefully can work it out.

So I'm building a webpage that will be completely offline. Think of it as a sales tool I can load onto laptops in the business. That person can then go to a potential client. Plug in their laptop to a big screen or projector and showcase our work. I don't want to just play MP4 files in VLC for example because it's too messy to have that displayed for everyone to see. So an offline webpage makes it super clean and simple to use.

The gallery block with the Vimeo / Youtube embed option is exactly the look we are after. Where you can see all the thumbnails of the work in a gallery and when a customer asks to watch a particular job we can just click it and it plays but we need this to work when not connected to the internet (hence the files that play are simply local videos)

That's all I want to know. Is how do I use a Sliders / Galleries block to play local video instead of a YouTube or Vimeo link.

So - Are you publishing your Mobirise sites to a Local folder on your computer - and then that folder is copied to your 'travellers' ?My initial thoughts would be that you create a Folder on your desktop and publish your Mobirise sites to that folder - Also in that folder you would have a Videos folder.Now the 'tricky' part the link to that video will have the format of

../Videos/Video Title

Thats 2 full stops in front of the back-slashAnd you would Publish your site to that Desktop Folder you created - so here is the structure I made:

And in Mobirise this what the link looks like - I used a Video Player block:

If you preview from Mobirise 'in browser' you'll see this:

But if you Publish the site to that folder and then click on the index.html page you will see this:

Correct I am planning on publishing the site to a local folder and copying that to everyone who needs it.

I have tried your suggestion but it does not work with the gallery block (set to Play Video)

It also won't load my thumbnail into the gallery even though I have set a thumbnail using the EasyHTML5 Video software. It's made a .html file which is the exact video I want to embed with correct thumbnail and all.

But the exact same URL link does not work when pasted into the section I need:

Your section apparently needs it youtube or vimeo.I think I've find a way, but need some help:in your section, add a link to an image's text- "type caption here", this link points to another block "modal" (from witsec's design block library), which is a popup. I'm tryting to turn this modal's text content into a video content. It turns out to be supporting local mp4, but I got trouble make the video stretch to the whole area of modal popup, I've tried give modal a large height, but still the video is way too small, fails to stretch accordingly, although this video I'm testing is 720p.Could anybody pls gimme a hint?

html5 formats don't have anything directly compatible with mp4. The reason mp4s will play in a browser is that the browser is made to play that format with the correct codecs being available. If there is an video format that is associated with html5, it is webm. But a video format is not an html5 markup format or language either. It's really apples and oranges. Some browsers will play certain video formats because they were made to do so. html5 really has nothing to do with it because it isn't a video format. When browsers went html5, I think it was more coincidence that the browsers were also made to play certain videos like mp4 and webm.

It should be clear that there is a potential big problem with depending upon browsers to always play certain videos. If someone wants to be sure a video will play in a web page on any browser, they need to have a player embedded into the page for that kind of video. Not all browsers have guaranteed to play the same kinds of video formats forever.