网页上有2个视频，一个完美播放，第二个播放音频，但没有视频

Question

我正在尝试在网页上播放视频。其中一个工作正常，第二个播放音频但不显示任何视频。 （我正在使用chrome，如果有帮助的话）我也在使用粉底。

<div class="row">
        <div class="small-12 large-8 large-centered column teaserCon">
        
        <h2>traIlers</h2>
    	
    <video class="videoTeaser">
    	<source src="videos/Strutton_Taylor_FinalVideoTeaser.mp4" type="video/mp4"/>
        <source src="videos/Strutton_Taylor_FinalVideoTeaser.webm" type="video/webm"/>
        <source src="videos/Strutton_Taylor_FinalVideoTeaser.ogg" type="video/ogg"/>
    </video>
    
    <div class="controlsTeaser">
    	<button type="button" class="play-pauseTeaser button">&#9658;</button>
        <input type="range" class="seek-barTeaser" value="0">
        <button type="button" class="muteTeaser button">Mute</button>
        <input type="range" class="volume-barTeaser" min="0" max="1" step="0.1" value="1">
        <button type="button" class="full-screenTeaser button">Full Screen</button>
    </div>
   	</div>
    
    <div class="small-12 large-8 large-centered column trailerCon">

    <video class="videoTrailer">
    	<source src="videos/Strutton_Taylor_FinalVideo_30sec.mp4" type="video/mp4"/>
        <source src="videos/Strutton_Taylor_FinalVideo_30sec.webm" type="video/webm"/>
        <source src="videos/Strutton_Taylor_FinalVideo_30sec.ogg" type="video/ogg"/>
    </video>
    
    <div class="controlsTrailer">
    	<button type="button" class="play-pauseTrailer button">&#9658;</button>
        <input type="range" class="seek-barTrailer" value="0">
        <button type="button" class="muteTrailer button">Mute</button>
        <input type="range" class="volume-barTrailer" min="0" max="1" step="0.1" value="1">
        <button type="button" class="full-screenTrailer button">Full Screen</button>
    </div>
   	</div>
</div>