javascript - 嵌入元素的加载事件 - 加载图像直到嵌入 src 视频加载到其中

Question

window.onclickofButton= function (ID) {
        $('#divEmbed').html("<embed id='teste' type='application/x-mplayer2' pluginspage='http:///www.microsoft.com/Windows/MediaPlayer/' src='video'+ID>")};

上面是我的代码，单击按钮我动态传递视频前缀号并根据它加载视频。这对我来说很好。

但现在我想显示加载图像，直到视频加载到嵌入标签或直到视频需要时间准备好运行。

我见过很多解决方案，但我找不到任何解决方案。

注意:通过谷歌搜索我得出以下结论，我不知道这是否正确
(i) - 嵌入标签不支持 onload 事件
(ii) - iframe onload 事件仅支持 html 文档，不支持非 html 文档，如 .mp4 或任何视频扩展**

我看过很多像下面这样的帖子:
http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/Q_21214591.html
Javascript - load events for embed elements

我必须使用嵌入标记，而不是 iframe 或任何其他类似标记，但我无法让它工作。

Answer 1

你能试试这个吗。

<script type="text/javascript">


function doLoad() {
     alert( "The load event is executing" );
  }
  if ( window.addEventListener ) { 
     window.addEventListener( "load", doLoad, false );
  }
  else 
     if ( window.attachEvent ) { 
        window.attachEvent( "onload", doLoad );
  } else 
        if ( window.onLoad ) {
           window.onload = doLoad;
  }
  </script>

Embaded Load Event