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

回答

相關問題