有没有办法,使用html或javascript,用本地视频(同一视频)备份链接的流媒体视频?
我正在开发一个项目,使用Zurb Foundation 6 Sites,需要在页面上嵌入流式视频,以便在有互联网连接时,但在没有连接时默认为本地相同的视频,为此用户在页面和一个视频窗口上看不到任何错误。
<div class="row">
<div class="small-12 column">
<div id="webvideo" class="responsive-embed flex-video widescreen">
<iframe width="560" height="315" src="https://www.youtube.com/embed/examplevideo" frameborder="0" allowfullscreen></iframe>
</div>
<div id="filevideo" class="flex-video widescreen">
<video controls width="420" height="315" src="../assets/vid/video.mp4" frameborder="0" allowfullscreen></video>
</div>
</div>
</div>
我不认为html5有这样的东西,我不确定如何用JavaScript做到这一点。非常感谢任何帮助。
谢谢!