I try to use HTML5's audio tag to play a music file on my site. This is my syntax:
The problem I am encountering is that when I refresh my page, I can see the player, but only for a few seconds, then it fade out.
Related
I have an angular application with a html5 <video> which gets the video source from a url. The problem is that for apparently no reason, at some point the video stops playing and shows itself as loading and stays at that same point for a few minutes and then resumes playing. I haven't provided the code because it is just the video and a condition to check if the video time is inside the wanted fragments, as some parts should be skipped (When it is not the time jumps forward). The video is played inside a modal, and it is not a connection problem
does someone know how to prevent Chrome and Safari from autoplaying videos? I am looking for an attribute or style I can incorporate into our website, not a browser extension! We have a few videos on the same page and in Chrome they just all start auto playing for some users while in Safari they kind of autoplay, but they don't start at the same time. They all have sound, so I had expected none of them to autoplay, but apparently that is not the case (at least not for all users).
Thanks!
Use autostart=0 and autostart=1
HTML embed autoplay="false", but still plays automatically
https://support.google.com/chrome/forum/AAAAP1KN0B0LkA8FoBoleU/?hl=en&gpf=%23!topic%2Fchrome%2FLkA8FoBoleU
Make sure you use the video or audio HTML5 elements, and NOT object or embed. I also had this problem using the latter HTML elements and the ONLY way to stop them from autoplaying was to change the browser settings. The reason is, because object and embed use a 3rd party plugin or player when playing your media, while video and audio are native to the browser.
If you want to stop them from playing anyway on just your box, below are the settings for Firefox:
Open up your Firefox Browser, click the menu button, and select "Options"
Select the "Privacy & Security" panel and scroll down to the "Permissions" section
Find "Autoplay" and click the "Settings" button. In the dropdown change it to block audio and video. The default is just
audio.
I am doing a live website.
I use the VLC plugin to play the video stream.
When I switch between different videos, the VLC logo will always appear in the middle of the two videos.
I hope this logo screen will be replaced by the last frame of the previous video.
How should I set up the VLC plugin?
Don’t use VLC. Use the video tag, or MSE.
The following only occurs in a newly release Chrome browser (meaning it was working on a previous Chrome browser version) while using the JQuery plugin Swipebox. Firefox, IE and Edge all work as expected.
Issue (swipebox 1.4.1 latest):
While playing a Youtube Video, click swipebox's Next or Prev navigation arrows.
The next video will be showed, however, trying to play this video will result in the next video to appear on top of the current video, which is actually playing (you can hear the sound, but can not see it).
The close "X" and navigation arrows are no longer visible.
You are now stuck. Must refresh page or press "ESC".
Again, in IE, Firefox and Edge, the video navigation all behave properly.
This only seems to occur on the Chrome browser.
How to replicate:
Example video page: http://donsfootwear.com/production-videos
Click a thumbnail - The Swipebox plugin will initiate and show the video preview fullscreen.
Play video by clicking on it - The video will start playing.
Whist the video plays, click the "Next" arrow - The next video preview will be showed.
Play video by clicking on it.
You are now stuck - The video you just clicked play will disappear. The next video preview will be shown (unresponsive). Swipebox "X" close and "Next"/"Prev" navigation buttons will disappear. Only way to escape is pressing "ESC" or refresh page.
Anyone can verify/experienced this with their own site, and most importantly have a workaround?
Thank you.
This has been fixed via a google chrome update recently.
Whenever I embed a video from youtube in a wordpress post it does not work on the iphone
What happens is that it is unclickable, however if I tap next to the video it sometimes starts playing. I have checked z-index and tried multiple solutions from different websites such as adding text/html etc. Any idea's?
Here is the post with the video