I'm writing because I made a background video for my site, of course its looks like this:
<video autoplay="" loop="" class="fillWidth fadeIn wow collapse in" data-wow-delay="0.5s" poster="images/poster.jpg" id="video-background">
<source src="video/wd0280.webm" type="video/webm">Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
And my problem is that it normally plays in localhost, but when I go to a hosting site, for example webhost000 or byethost then its stop playing, even if I try with different video format
Why is this happening? Is it in connection with the free webhosting servers? Can someone tell me then which to choose to work perfectly?
Thank you for helping me out.
you can use iframe to play any media file at webpage
<iframe width="440" height="350"
src="http://www.cricingif.com/Ball/201004">
</iframe>
Your browser does not support the video tag. I suggest you upgrade your browser.
The problem was, that I misstyped my video file name, so it was a typo, but now its working fine. Thanks.
You have to ensure that the video is muted for it to play in a modern browser. Try:
<video autoplay muted loop= class="fillWidth fadeIn wow collapse in"
data-wow-delay="0.5s" poster="images/poster.jpg" id="video-background">
<source src="video/wd0280.webm" type="video/webm">
Your browser does not support the video tag. I suggest you upgrade your browser.
</video>
Related
I looking for a way to play my video on Safari but I don't understand my video doesn't start ?
However, my video works on google chrome or edge.
Here is an idea of my code HTML
<video width="640" height="360" controls="true" autoplay loop muted playsinline>
<source src="/Perso/WebSite.nsf/vLUpage/VIDEOS/$File/movie.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
Perhaps that, I have to use of the CSS ?
Thank you for your help.
Try disabling cross-site tracking prevention on you IOS device under Safari > Preferences > Privacy.
read this https://support.apple.com/en-gb/guide/safari/sfri40732/mac
You can't play automatically a video on safari. The user has to engage an event and in this event you can play your video.
I am trying to play an mp4 file I have stored locally on my computer (when I play it with quicktime it works perfectly). For some reason however I can't get it to work with sound. If I include the 'muted' keyword, the mp4 plays, however with no sound (makes sense). However if I remove the 'muted' keyword, it doesn't play at all.
Any ideas what I am doing wrong?
Here is my code:
<video id="introVideo" width="50%" height="100%" autoplay loop muted>
<source src="../static/myvideo.mp4" type="video/mp4">
</video>
Did you tried with another web browser? Because autoplay is not allowed and even more on sounds with Chrome
This may be a little late, but starting in Chrome 66 autoplay doesn't work unless the muted attribute is included.
So in Chrome you can autoplay a muted video or autoplay won't work.
Source:
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/video#attr-autoplay
Edit:
https://blog.chromium.org/2018/03/chrome-66-beta-css-typed-object-model.html
Search for 'autoplay' in the chromium blog link.
I'm trying to play an external HTML5 video within a webOS web application. According to this question, webOS should support .mp4 video, but whenever I try to play a HTML5 video within my application, the video simply won't load/play. My code (for testing purposes):
<video id="demo-video" autoplay muted loop>
<source src="http://mirrors.standaloneinstaller.com/video-sample/jellyfish-25-mbps-hd-hevc.mp4"
type="video/mp4">
Your Smart TV does not support the current video format (MP4)
</video>
I've tried different sources, but none of them seem to work. When testing in a browser, it does work, but when opening the application on a webOS Smart TV, nothing happens. Even trying to play a local .mp4 file doesn't work.
I found out that .play() on the video element returns a Promise with status pending. Strange behaviour and reloading the source doesn't fix the problem.
I found the problem: it had something to do with the styling I applied on the <video> element. When developing, Chrome showed the video just fine. But apparently, border-radius is not allowed? At least not in the version of Chrome used on the Smart TV and emulator. So if you're experiencing the same problem, check for styling that may cause the video not to play.
Try adding width and height attributes to your video tag. The video works on my TV.
<video id="demo-video" width="1920" height="1080" autoplay muted loop>
<source src="http://mirrors.standaloneinstaller.com/video-sample/jellyfish-25-mbps-hd-hevc.mp4" type="video/mp4">
Your Smart TV does not support the current video format (MP4)
</video>
When I click play, I can hear the audio of the video, but I the video doesn't play! I am using video.js for this. here is my code:
HTML
<video id="my_video_1" class="video-js vjs-default-skin" controls
preload="auto" width="501" height="286" poster="<? bloginfo('stylesheet_directory'); ?>/images/video.gif" onclick="this.play();"
data-setup="{}">
<source src="<? bloginfo('stylesheet_directory'); ?>/video/final.mp4" type='video/mp4'>
</video>
and another thing, when I click on the poster, the audio starts but the poster stays. I tried with a smaller poster, and the video sure doesn't play(so that we don't say that the video works but is hidden but the poster)
On Safari, it works perfectly locally. on wordpress, I loose the control bar.
on chrome and firefox, I only hear the audio, the poster stays, the controls do not appear.
How can I solve this?
Where are you getting your video from? If it is a mainstream website you can get the embed link and include it in your HTML. Don't know what exactly you are working on but this should help.
The video does not autoplay, tried it in Chrome 28 and Firefox 23. Also tried just plain autoplay and autoplay="true"
<video id="video_background" autoplay="autoplay" loop="loop" muted="muted"
volume="0"><source src="video/background/MH.webm" type="video/webm"> <source
src="video/background/MHB.mp4" type="video/mp4"><source src="video/background/MH.ogv"
type="video/ogg">Video not supported </video>
Update: Thanks for your help. When I take jquery out the video starts to autoplay. Any ideas?
Update: Looks like it was a issue with jquery mobile which was on the page for some reason. When I take out jquery mobile and add back in regularly jquery it works fine Thanks for the ideas.
Are you using jquery-mobile from Google's hosted libraries?
I had the same issue and autoplay worked when I replaced the jquery-mobile link for an actual file.
Hope that helps!