I am playing a m3u8 video in HTML5 video tag using HLS.js.
The video plays fine on clicking play button but until I click the play button the video player keeps on showing the black coloured loading spinner in the middle of the video player. I want to get rid of that spinner completely.
Can any one help me achieving this using JS or CSS or something else?
Thanks.
Related
I have a video slideshow that is created using Swiper JS. Ideally I'd like to make the videos automatically play without muting them when changing slides. I have a play button on top of the video. I don't want users to keep clicking the play button when they change the slides. Is there a way to achieve this without muting the videos? I see the web-based Tiktok site has been doing it. Not sure how they managed to do it.
Thanks in advance!
1) I have a video website with a index.html (single-page), in which consider around 5 videos enclosed with a tag. In this for the video carousel, flex-slider is used. when the first video plays, I would like to hide the flexslider navigation arrows hide automatically and show when each video ends. I tried and did it in css by making 'visibility:hidden', but it hides permanently, I want it to show/hide during the runtime. how do I do it?
2) For the same video website, I would like to hide the video play-back controls auto hide. During the video plays, the playback controls should hide and it should visible only when the video ends.
Please help me in completing it
Thanks in advance
I'm working in an environment where I can't add allowfullscreen to the parent iframe of the page that contains the videojs videos. Currently, the full screen button does not make the video go full screen.
If I embed a youtube video for instance on the same page it has the ability to go fullscreen.
Is there a way to modify the videojs code to work in a similar way? My javascript knowledge is average so this might be too big for my britches.
Thanks,
Jeff
I want the Fotorama slider to resume the autoplay of video slides after video play in slider.
Here is a more clear picture of what I want.
Fotorama video slider slides all the videos.
User clicks on a slide and the slide plays the video in it.
Once the video ends the slider continues playing the slides.
Please can someone help me how to solve this ?
No way. Fotorama only attaches/detaches iframes and doesn’t know the state of playback.
To do what you want you need to connect with Player Javascript API (YouTube for example). It goes beyond a tiny plugin.
I am looking for a way to make a panning fullscreen HTML5 video clickable. I want different parts (divs) in the video to follow and stay in place when panning up/down/right or left. Is this even possible?
Best,
Sebastian