HTML 5 Video CC按钮

Question

HTML

SELECT "FList".id 
FROM "FList" 
WHERE "FList"."FName" = 'F1'

CSS

<video [src]='videoURL' controls #videoPlayer (ended)="onVideoEnd($event)" 
[style.maxHeight]="screen.data.height">
<track label="English subtitles" kind="subtitles" srclang="en" 
[src]="screen.data.ccs"/>
</video>

任何人都可以弄清楚为什么“字幕和下载”按钮位于上面的屏幕截图中的位置，它的位置正确，所以我想知道，谷歌chrome更新是否引起了某些问题？只是精神上的哈哈。

到目前为止，我已经研究了阴影暗室元素，但没有成功将按钮恢复到其原始位置。

我也很想知道其他人是否也有类似的问题，以及是否找到了任何解决方法/解决方案，我的目的是不允许我的项目为视频播放器创建任何自定义控件，所以这是可能的解决方案了：（

任何人的帮助，在此先感谢大家。 ：）

浏览器是Chrome浏览器。

Answer 1

因此，我为以后阅读并有类似问题的任何人找到了解决方案：

问题：使用
定位视频和父div geom_line() 出于某种原因，这并没有影响视频的视频伪元素，特别是附加菜单

解决方案：从父div删除上面的代码行，并替换为

library(ggplot2)
a <- data.frame(SubjectId=c(1:3, 1:3, 1:3, 1:3), 
                Cycle=c(1,1.1,1.2, 2,2.1,2.2, 3,3.1,3.2, 4,4.1,4.2), 
                Dose=c(sort(rep(1:3,3)), 3,3,3), 
                DLT=c("No","No","Yes","No","No","No","No","Yes","Yes","No","Yes","Yes"))


ggplot(aes(x=Cycle, y=Dose, fill=DLT), data = a) +
  scale_fill_manual(values = c("white", "black")) +
  geom_line(colour="grey20", size=1) +
  geom_point(shape=21, size=5) +
  xlim(1, 4.5) +
  ylim(1, 4) +
  ylab("Dose Level") +
  theme_classic() +
  theme(axis.text   =element_text(size=10),
        axis.title  =element_text(size=12, face="bold", colour="grey20"),
        legend.text =element_text(size=10),
        legend.title=element_text(size=12, face="bold", colour="grey20"))

并以类似的方式放置视频，而不是使用转换翻译