html - HTML5将YouTube视频嵌入到混合应用中，而无需连接

Question

我正在开发html5移动应用程序...我必须创建一个包含YouTube视频和其他元素的页面...我使用iframe代码加载了视频...

<iframe width="100%" height="auto" src="http://www.youtube.com/embed/VIDEO-ID" frameborder="0" allowfullscreen></iframe>

这可行...问题是当用户没有互联网连接时...我想展示图像...怎么可能？
谢谢

Answer 1

假设您对javascript没问题:

<script type="text/javascript">
if(navigator.onLine!==true)
    document.getElementsByTagName('iframe')[0].outerHTML='<img src="blah.png">';
</script>

如果页面中有多个iframe，则可以使用其他内容代替 document.getElementsByTagName('iframe')[0]。