Intro video using <video> tag - html

I am trying to create an introduction video for a website without using flash. It should pop up when the page is loaded and there should be an option to skip it. Is this possible just using html5?
I cannot find anything about this. I just find things on how to create a video or the video tag in general.
I am really new to this and would be very happy for any kind of help!

<video src="intro.mp4"></video>
Skip

Related

My HTML5 Video keeps playing when I switch pages

I am using React and Rails to build a small website with a few different page routes. On the landing page I have included an HTML 5 video, which is muted and autoplays. On this page it works great. However, when I change pages the HTML 5 video continues to play, and is no longer muted (ie. I can hear it playing, but cannot see it). I cannot see the component which contains the video in the DOM.
I think I might need to destroy this component when changing pages, but not exactly sure about the right approach here. Thoughts? Thanks in advance!
Hard to tell without providing any code, but I am guessing you aren't using lifecycle methods within your components.
Consider using componentWillUnmount to destroy/stop the playing video.

Embedding Audio Script Issue

so i'm currently trying to embed some audio into my website using Dreamweaver and for some reason it won't play, is it a problem with the code or just the files? Thanks in advance.
<audio controls src="stickerbush.mp3">
your code is correct, I test it, and it work very well. I think you need to check the audio if it is working (or try with another audio) and/or the audio file location

video pop-up WITHOUT Flash

I'm trying to create a video pop-up that works on Apple devices and I've been playing around with fancyBox & some YouTube videos. Because YT uses Flash, this isn't going to work (which I am just now realizing)
Is there a way to open up an html5 video inside of this pop-up?
I already set that part up:
Here's the page where I'm already using fancyBox: http://legal-replay.com/video-test/
Please help!
<a class="iframe" src="http://www.youtube.com/embed/dP15zlyra3c?html5=1">Open HTML5 Video</a>
I don't know much about fancybox but it looks like you can just have it open any iframe you want, which will work with YoutTube's default embed method. Just pass html5=1 to the iframe.
From what I can tell scouting around stackoverflow, this is only supported for single videos, I don't know if you can force an entire playlist to use HTML5, that might still be a client-preference.
Source
Fancybox Howtwo

How to add a Youtube alike hyperlink to a video that is not from Youtube

I would like to know if there is a way I can put an hyperlink on a video that is from my own website, like Youtube does. The video is in mp4 format and I don't know wether there is a kind of embedded javascript code or something for doing that task. I thank you very much your attention.
I am currently managing my website through wordpress I would like to know if there is a way to do that by this way.
I can't just simply upload the video to Youtube and then embed the video in my website because the videos I am currently administrating are private.
I think you mean you want to play your video directly on your website without having to upload it to a video service like youtube. For this you'd need to use the HTML5 video tag in your template(if you have access to your code). Or I'm guessing wordpress would have plugins for this that would just allow you to upload your video file and it would play it in your template for you.
HTML5 video tag description

How to display a video in a web page using html,php

How to display a video in a web page using html,php,
Any example code
any one will help ,please
if you are looking for a flash player, I suggest you flowplayer.
if you are looking for HTML 5 video take go there
To embed microsoft videos here.
I think the best way to embed video is probably flash but if you are an technology enthusiast I would vote for HTML 5 since it's the future.