Video Volume Not Adjusting

Question

Video loads and plays, but volume is at 100%. I want it at 20%. Code to adjust isn't working. Ideas?

<script>
function setvolume() {
var vid = document.getElementById("myVideo");
vid.volume = 0.2;
}
window.onload = setvolume;
</script>

<video src="{!-ASSETSPATH-!}External%20Files/Hurricane%20Home.m4v" autoplay="autoplay id="myVideo"></video> 

Answer 1

You have to make sure that the video element is ready before setting the volume. Try hooking up on the canplay event it emits or one of the earlier events.