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 best solutions below
Related Questions in HTML
- Delay in loading Html Page(WebView) from assets folder in real android device
- Why does a function show up as not defined
- CSS Class is not applying to element (border width,color,and style attributes)
- How to sort these using Javascript or Jquery Most effectively
- how to fill out the table with next values in array with one button
- Automatically closing tags in form input?
- Positioning child at bottom of parent with scroll
- Remove added set of rows
- Website zoomed out on Android default browser
- Twitter Bootstrap horizontal form elements on a line
- http://sigmajs.org/ les mis tutorial - why are my canvases 0 height?
- My navbar is not expanding after collapse
- when a checkbox is checked how to display a different hidden element using javascript
- Gaps Vertically Using Dividers
- Svg containers not positioning properly
Related Questions in VIDEO
- How to open and read video stream in Matlab
- Extract bytes of specific stream from mpegts file using ffmpeg
- AVQueuePlayer crashes when I try to observe the start of the next video: AVPlayerItem was deallocated with observers
- How to get the time stamp of each frame of a GoPro video in MATLAB?
- DFP Videos Ads Internal error
- Get youtube video information using javascript and Youtube-API
- YouTube views not counting on Wordpress embed
- Videos not working on phones using HTML
- How to track multiple youtube videos in google analytics
- Cloudfront stream only part of the video
- Changing switch statement to include both mp4 and ogg files
- How to detect squares in video with OpenCV?
- Saving iOS video buffer
- dynamic video source change issue in azure media player
- Video Editing For Android
Related Questions in HTML5-VIDEO
- Video tags play audio but not video
- Does video tag html5 slow my webpage or is it heavy if I have many videos in video tags?
- How can I use javascript to get the thumbnail of an html5 video?
- Want to hide scrollbar when a absolute div already has a 100% height
- Html5 videos not displaying
- If section has class than start playing video
- Load Html5Video 100% then show Page
- html crops height video to height 100vh, video to fullscreen
- Fully preload html5 video from CDN in Safari
- How to create a Javascript video overlay with VAST VPAID?
- Getting video metadata from a Youtube video
- How to add video background over a section?
- Ignore HTML5 on mobile devices
- video, form then video in html
- Add a preload image that disappears after video is loaded
Related Questions in CLOSED-CAPTIONS
- Adding subtitles to AVPlayer video
- Is it possible to move an HTML5 video CC under the video?
- How can I get live transcription on OS X (without audio files)?
- Kaltura captions: set default language to None or otherwise force them off?
- Turning off closed caption on HTML5 video by default
- youtube as3 api closed captioning error
- ios 14 and macOS safari 14 broke captions using video.js
- Schema/DTD for Youtube json3 transcript format
- When the update occurs on Android TV, canvas seems to expand
- How to enable closed captions by default with OpenPlayerJS / video.js?
- How do I encode WebVTT document as UTF-8 and MIME type="text/vtt"?
- How to punctuate youtube transcripts?
- React Native Expo Audio API - Sync UI Elements
- AWS Service for converting closed caption files
- Any way to turn on/off live captions on Chrome programmatically?
Related Questions in WEBVTT
- HTML5 track cues empty
- Is it possible for podcast audio stream to have script/text?
- Is it possible to move an HTML5 video CC under the video?
- Using Javascript to convert .srt to .webvtt
- Does HTML5 Video support srt textTrack?
- Is it possible for HTML5 video to play subtitles embedded in mp4 file as a track?
- How do I color cues on webvtt?
- Node JS Promise.all to async update properties in array of JSON objects
- track element in html5 video player
- Dash JS player x Cloudflare displaying adaptation ID for CC options
- WebVTT to JSON using `jq`
- How to fix unsafe attempt error and show the caption?
- FFMPEG multiple styles in .srt file
- Styling VTT cues - ::cue(#id) selector does not work
- Giving VTT subtitles a fading out effect
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)
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?
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)