cloneNode（）使html視頻滯後並且有時根本不呈現

Question

當我單擊video時，它應該從其原始位置動畫到某個目標位置。出於某些原因，我無法創建原始video元素的動畫，因此我創建了一個由cloneNode()創建的副本。我只是通過大約5個視頻（少於20秒長）和5個圖像點擊時循環。我的動畫方法只會導致視頻滯後，有時甚至根本不渲染，而圖像似乎不受影響。我評論了我所有的動畫代碼，除了一行：

var clone = videoElement.cloneNode(false); 

沒有動畫代碼，圖像/視頻只是瞬移到目標位置瞬間（預計）。但是，如果我單擊相對較快的速度，就會使視頻稍微滯後一些（如果我很幸運），並且有時在Chrome中根本無法呈現。在Edge中，視頻需要幾秒鐘才能呈現。刪除那一行，視頻加載/渲染就好，無論我點擊多快。

1. 爲什麼會發生這種情況？ cloneNode真的只是慢嗎？
2. 有沒有解決這個問題的實際解決方案？

Answer 1

這似乎是問題與cloneNode（），但事實證明，這是因爲我使用mp4文件作爲我的視頻源。 Chrome中不推薦使用mp4。只要我轉換爲webm視頻文件，延遲/渲染問題就完全消失了。