英文:
How to hide Timestamps from interactive transcript
问题
I'm making an interactive ebooks for personal use based on the site example below:
https://umd-mith.github.io/webvtt-player
The site uses a VTT file and an audio file.
I'd like to hide the time stamps which the JavaScript code needs however for read ability purposes I’d like to hide the timestamps.
Any Help is appreciated and I'm assuming this is simple and I'm just overlooking the obvious.
I still want the rest of the transcript to show and be interactive but hide the timestamps completely on the left (hidden so the rest of the javascript still syncs to audio).
I haven't done much coding in a while and when I save a copy of the HTML and use examples found at the site below it will either hide the entire transcript or do nothing.
https://stackoverflow.com/questions/6242976/javascript-hide-show-element
英文:
I'm making an interactive ebooks for personal use based on the site example below:
https://umd-mith.github.io/webvtt-player
The site uses a VTT file and an audio file.
I'd like to hide the time stamps which the JavaScript code needs however for read ability purposes I’d like to hide the timestamps.
Any Help is appreciated and I'm assuming this is simple and I'm just overlooking the obvious.
I still want the rest of the transcript to show and be interactive but hide the timestamps completely on the left (hidden so the rest of the javascript still syncs to audio).
I haven't done much coding in a while and when I save a copy of the HTML and use examples found at the site below it will either hide the entire transcript or do nothing.
https://stackoverflow.com/questions/6242976/javascript-hide-show-element
答案1
得分: 0
你可以只需添加以下CSS:
.webvtt-player .time {
display: none;
}
.webvtt-player .text {
margin: 0;
}
英文:
You can just add the following CSS:
.webvtt-player .time {
display: none;
}
.webvtt-player .text {
margin: 0;
}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库,让每个人都能够通过互相帮助和分享经验来进步。
评论