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>

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