I'm trying to make a website where a video is played at the background. So far, I used the video tag and used a link in source attribute. But, I'm not able to see the video in the background. Is it possible to just include a absolute link to the website without downloading the video?
<video autoplay muted loop
source src="https://www.pexels.com/video/aerial-view-of-beautiful-resort-2169880/">
</video>
Related
I want to insert a video into my HTML page with the video tag. Here is my markdown (I am developing an ASP.NET MVC application, and symbol ~ means project root):
<video controls>
<source src="~/show.mp4" type="video/mp4">
Cannot load the video.
</video>
But it just shows white space with video controls. Here is a screenshot:
And the slider in the video controls does not move (i.e. the video is not playing), although the "pause" icon is shown, which should mean: the video is playing.
What I have tried
Adding src attribute to video tag.
Opening the menu in the right of video controls panel and clicking "Download". It downloaded my video. When I played it with Windows Media Player, it showed exactly what I have recorded.
Removing type attribute from source tag.
Removing source tag (and leaving only src attribute in video tag).
Moving the slider in video controls panel. Still white space.
Setting controls="controls" in video tag.
Surfing the Internet (including Stack Overflow).
Now I asked my own question.
I need to show youtube videos inside the html tag. I can't use an iframe to put the embedded youtube video.
Is there any real way to do this?
<video width="320" height="240" autoplay>
<source src="https://www.youtube.com/embed/qh91xRArCwk" type="video/mp4">
</video>
I want to do it because Youtube embedded does not allow autoplay on ios and android on mobile.
Even if you have the video with the muted parameter, it doesn't play on mobile.
You need a video file for the src, but instead here you are providing a link to a web page.
I suggest you save on problems by just using a site like : GetVideo : to save a copy of that .mp4 that you can serve from your website. This way, the video tag should allow autoplay on mobile.
MIME type is accepted, I've checked.
Here is how it is looking like: https://trello-attachments.s3.amazonaws.com/5441bde46b6fcb86daf55d73/594x351/122b8cad9f5824c44fa25fb242569312/upload_5_14_2015_at_5_10_18_PM.png
Here is the website in question (go to animation in menu): www.ivocunha.com
Here is the code I'm using:
<video width="100%" height="100%" controls autoplay loop class="bl-box fancybox-effects-d" title="Walk">
<source src="img/animation/walk.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Why doesn't it autoplay?
Firstly you are using section tags to wrap your video in you should not use sections for content that does not have a heading. It is not a wrapper.
as for your video remove auto play because they are auto playing by the looks of it but using auto play within your video tag triggers auto play from page entry and they are all playing at the same time.
you then want to use your jquery and create an on hover that will play your video and pause it on exit. your code doesnt seem to be doing that at all on your site instead its only trigering for points.
I would give this a read over so you can see how to use the api properly.
https://developer.mozilla.org/en-US/docs/Web/Guide/HTML/Using_HTML5_audio_and_video
I have a jsfiddle here - http://jsfiddle.net/fzzgjem4/2/
I'm using the video tage to show a vimeo video.
I would normally use the iframe from vimeo but I want it full width and without the vimeo controls.
I'm getting the src from 'Use your own player section' in vimeo.
The video will come from a CMS so I just want to be able to add the id for the video.
The jsfiddle does not work in Firefox.
Is this becasue it's the wrong format?
Is it possible to use the video tag to show vimeo videos
<video src="http://player.vimeo.com/external/85569724.sd.mp4?s=43df5df0d733011263687d20a47557e4" autoplay muted></video>
I am trying to embed a video file (mp4) into my HTML document. I would like this video to play without being paused and without being closed/minimized.
<video width="320" height="240">
<source src="mov.mp4" type="video/mp4">
</video>
I am using this code to play a video in HTML. But I am not able to remove controls from the video. If I right click on the video, I still get the control options.
So I would like to know if there is a way to disable controls on this video or use another player which can remove controls.
I would also like to know if I can dynamically write some display data on the video space while it is being played.