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
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!
Im trying disable the swipe functionality when the slider is zoomed, to make sure when the user drags the image to zoom, they are not going to trigger the swipe to the next or prev slide.
I tried to use allowTouchMove, but this only works on chrome, not on safari, firefox or edge.
Disabling prev and next slides on zoom works, with allowSlidePrev, allowSlideNext however when I click on the gallerys thumbnails it also disables clicks on there. Is there another way of disabling the swipe events, but allowing drag, and the gallery events being clickable?
I also tried this before, and found no clues in the docs.
Notice that it's in fact really hard to swipe to other slide when the zoom is enabled (at least in the v6.0.4). So only if the attempt is long and strong enough, the swiper will swipe.
So... I think that this is the desired behavior of the maintainers.
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.
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.