HTML 5视频标记和javascript

我有下面的代码，我想在超过八秒的时间内淡入视频，它工作正常，但它只是淡入（控件）的标记。视频帧序列从第一帧开始，没有任何淡入淡出，而控件仍在渐渐消失。如何将淡入淡出与视频标签和实际媒体绑定，以便图像和控件都淡入淡出？HTML 5视频标记和javascript

function assets(){ 
    var elem = document.getElementsByTagName("video")[0]; 
    elem.style.transition = "opacity 8s linear 0s"; 
    elem.style.opacity = 1.0; 
}

来源

2016-07-07 jedihamster

你能分享可执行演示/片断或[的jsfiddle（https://jsfiddle.net/）？ [_创建一个最小，完整和可验证的示例_]（http://stackoverflow.com/help/mcve） – Rayon

您可能想要使用不透明度转换添加某种叠加层。 – 2016-07-07 18:14:17

-2

尝试像

$('#video video').bind('STATE', function(){ 
    $(this).parent().fadeOut() 
})

来源

2016-07-07 18:10:21

我如何在Vanilla Javascript中编写此代码 - 为了保持一致性... – jedihamster

HTML 5视频标记和javascript

回答

相关问题