A client wants the subtitles out of the way of the video, so they want it underneath the video. We are using vtt files for our captions. Can this be done in CSS? Maybe some settings in the vtt file?
Is it possible to move an HTML5 video CC under the video?
582 views Asked by David Small At
1
There are 1 answers
Related Questions in HTML
- How to store a date/time in sqlite (or something similar to a date)
- How to use custom font during html to pdf conversion?
- Storing the preferred font-size in localStorage
- mp4 embedded videos within github pages website not loading
- Scrimba tutorial was working, suddenly stopped even trying the default
- Is there any way to glow this bulb image like a real light bulb
- With non-graphical maps in Leaflet, zoomDelta doesn't work
- What can I do to improve my coding on both html and css
- Uncaught TypeError: google.maps.LatLng is not a constructor at init (script.js:7:13)
- Bootstrap modal not showing at the desired position on a web page when the screen size is smaller
- Displaying a Movie List on a Website Using Jinja2 and Bootstrap
- How to redirect to thank you page after submitting a Google form embedded into a Google Site?
- Storing selected language in localStorage
- Fences (parenthesis, braces) in HTML and MathML
- Understanding Scroll Anchoring Behavoir
Related Questions in VIDEO
- Media player stops about every 5 minutes
- Video Format is not supported or source is unavailable. - Opera
- How to get text and other elements to display over the Video in Tkinter?
- Can I use local resources for mp4 playback?
- Merge (concat) all video file present in '43. DP (Part1)' and put it into '43. DP (Part1)' and give name merged (concat) file to folder name
- Google Chrome is consuming a lot of CPU on a video call?
- How do I automate a video download with Selenium and Python (Meta Quest Store Trailer Download)
- Safari skipping 5 seconds into react-player video - anyone have experience with this?
- Why is toDataURL() returning blank image? (with p5 video)
- How do I circular crop using matlab?
- Cannot find 'IsacCodec' in scope
- playing multiple videos with libvlcsharp on multiple monitors
- Video controls are hidden behind input feature?
- Anyone around Good at both Javascript and Youtube api?, I am using lite-youtube js and I am confused in adding an eventlistener for onStateChange
- videos are resizing themselves while scrolling
Related Questions in HTML5-VIDEO
- <video> tag with downloaded path in ionic ios not loads the video
- Google Ads does not show on website when video is full screen
- sourceBuffer.appendBuffer successfully but the h5 video player stuck
- video.audioTracks is not working as expected for large video
- HTML5 and CSS - Responsive Video Pop Up Not working according to design
- Video lazy load - background
- Reimplement HTML Media Tag Fetching without a tag using Media Source API
- Flask Streaming mp4 video works perfectly on windows but not mobile phone
- Pause the animation of all html cards when the video popup is opened or when the play button on the video is clicked
- HTML5 sourcebuffer stalls in firefox
- Full screen in Electron js adds a blank space at the bottom
- What is the largest size limit (in Mb) for html video tag on iOS mobile devices
- Client side H.264 (MP4) video compression/encoding
- video Enters Fullscreen "Live Broadcast" Mode on iOS Despite playsinline Attribute in Standalone PWA
- How to process each frames exactly only once using MediaStreamTrackProcessor
Related Questions in CLOSED-CAPTIONS
- Why doesn't video-conferencing with subtitles exist?
- Token for CARTs (closed captions) API Microsoft Teams
- How to enable closed captions by default with OpenPlayerJS / video.js?
- Schema/DTD for Youtube json3 transcript format
- When the update occurs on Android TV, canvas seems to expand
- Disable English (automatic captions) from my uploaded videos in Youtube
- Is it compliant with Google and Youtube policies that an app downloads captions from youtube videos using Python package: Youtube Transcript API?
- I need subtitles for iptv on firestick qnd don't knkw where to start my ideas are excused
- Does YouTube meet WCAG 2.1 standards regarding close captions?
- Background not applying for video closed captions ::cue on Firefox and Safari on iOS Mobile
- I want to add Closed Captions for a SIP call
- WebVVT (.vtt captions) won't work when uploaded to live site
- How can I display subtitles along with a video with Gradio?
- How can I display subtitles along with a video with Streamlit?
- HTML5 video player won't load .vtt subtitle track
Related Questions in WEBVTT
- WEBVTT into HLS does not work anymore on last iOS version
- Read chapters from an mp4 file?
- WEBVTT subtitle issue on ROKU and LG TV using Dash stream on HTML5 player
- How to fix unsafe attempt error and show the caption?
- WebVTT to JSON using `jq`
- Dash JS player x Cloudflare displaying adaptation ID for CC options
- How do I convert .vtt subtitle file into segments (.m3u8)?
- Fill formula down to same level in adjacent column does not work when combined with other working code
- plyr.io captions dont load nextjs typescript
- How to convert srt file to vtt then append video
- Can I make use charset-normalizer 3.0.0 instead of 3.2.0 in build.gradle so that I do not get aiohttp related library error in android studio?
- Vertical text from left to right with NSTextView
- Serving Vtt files from AWS Cloudfront with signed cookies
- Keep .vtt as string object vs write to file - OpenAI Whisper
- HTML Video won't play vtt subtitles
Popular Questions
- How do I undo the most recent local commits in Git?
- How can I remove a specific item from an array in JavaScript?
- How do I delete a Git branch locally and remotely?
- Find all files containing a specific text (string) on Linux?
- How do I revert a Git repository to a previous commit?
- How do I create an HTML button that acts like a link?
- How do I check out a remote Git branch?
- How do I force "git pull" to overwrite local files?
- How do I list all files of a directory?
- How to check whether a string contains a substring in JavaScript?
- How do I redirect to another webpage?
- How can I iterate over rows in a Pandas DataFrame?
- How do I convert a String to an int in Java?
- Does Python have a string 'contains' substring method?
- How do I check if a string contains a specific word?
Trending Questions
- UIImageView Frame Doesn't Reflect Constraints
- Is it possible to use adb commands to click on a view by finding its ID?
- How to create a new web character symbol recognizable by html/javascript?
- Why isn't my CSS3 animation smooth in Google Chrome (but very smooth on other browsers)?
- Heap Gives Page Fault
- Connect ffmpeg to Visual Studio 2008
- Both Object- and ValueAnimator jumps when Duration is set above API LvL 24
- How to avoid default initialization of objects in std::vector?
- second argument of the command line arguments in a format other than char** argv or char* argv[]
- How to improve efficiency of algorithm which generates next lexicographic permutation?
- Navigating to the another actvity app getting crash in android
- How to read the particular message format in android and store in sqlite database?
- Resetting inventory status after order is cancelled
- Efficiently compute powers of X in SSE/AVX
- Insert into an external database using ajax and php : POST 500 (Internal Server Error)
short answer... no.
longer answer... you could parse the vtt and manually display the captions outside the
<video>tag, there are a few JS libraries out there to do this (eg Mozilla have a very thorough implementation, though depending on your captions you may be able to get away with something a lot more lightweight)