Question

标题几乎说明了一切。我试着写一些文字说“＆＃34;视频加载＆＃34; HTML5视频背景有75％的不透明背景，一旦完全加载，我希望文本和背景消失。我怎么能这样做？

谢谢你的时间和精力！我尝试执行此操作的页面是jeffarries.com/videos。如果需要可以提供代码。

重复链接指向试图获取HTML5视频持续时间的帖子，当HTML5视频完全填写到浏览器中时，我试图让JavaScript更改css属性。

Answer 1

我最终使用此JavaScript代码隐藏了我的HTML元素ID＆＃34; video_cover＆＃34;当HTML5视频元素＆＃34; myVideo＆＃34;时，将CSS display: block;更改为display: none;触发canplaythrough：

＆＃13;

<script>
var vid = document.getElementById("myVideo");
vid.oncanplaythrough = function() {
    var e = document.getElementById("video_cover");
       e.style.display = 'none'
};
</script>

＆＃13;

资源： W3Schools canplaythrough JavaScript活动。

很抱歉，如果我的JavaScript术语不好，我只是在学习它！

再次感谢@Quantastical和@Offbeatmammal的所有帮助！

HTML5视频加载完成后如何使文字消失？

1 个答案: