javascript – 在没有SWFObject的IE6中使用jQuery嵌入YouTube视频

前端之家收集整理的这篇文章主要介绍了javascript – 在没有SWFObject的IE6中使用jQuery嵌入YouTube视频前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
这是我的代码
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<title></title>
<script>
$(document).ready(function(){
$("#video").html('<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/HPPj6viIBmU&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HPPj6viIBmU&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>');
});
</script>
</head>
<body>
  <div id="video"></div>
</body>
</html>

它适用于Firefox和Chrome,但在IE6中并不完全正确.遗憾的是,其中一个项目要求是支持这个浏览器,所以即使它在IE7中工作,我也需要解决这个问题.

我知道有SWFObject,但我宁愿不使用它(我们已经加载了一堆JS文件,我们不想要更多).

即使这样也行不通:

<script>
document.write('<object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/HPPj6viIBmU&hl=en_US&fs=1&"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/HPPj6viIBmU&hl=en_US&fs=1&" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object>');
  </script>

似乎IE6忽略了< object>标签,这是它嵌入的代码.

<EMBED src=http://www.youtube.com/v/HPPj6viIBmU&amp;hl=en_US&amp;fs=1&amp; width=480 height=385 type=application/x-shockwave-flash allowfullscreen="true" allowscriptaccess="always"></EMBED>

解决方法吗?

谢谢.

解决方法

您寻找的解决方法将以编写swfobject的等效项结束,除非它不会经过良好的测试或执行.当有一个完美的现有解决方案时,为什么要重新发明轮子,特别是当它只缩小10KB时?如果你没有添加另一个http请求,那么为什么不将swfobject代码整合到页面或另一个js文件中.

我从不使用除swfobject之外的任何东西来嵌入flash.

原文链接:https://www.f2er.com/jquery/150005.html

猜你在找的jQuery相关文章