Javascript 通过单击HTML/JS文档中的图像加载视频_Javascript_Html_Shockwave

Javascript 通过单击HTML/JS文档中的图像加载视频

javascript html

Javascript 通过单击HTML/JS文档中的图像加载视频,javascript,html,shockwave,Javascript,Html,Shockwave,我有一个简单的HTML/JS文档，我在其中点击了试图播放视频的图像： <!DOCTYPE html> <html lang="en"> <head> <script type="text/javascript"> var embedCode = '<object data="http://www.youtube.com/watch?v=Ac_qGnPX8eI" type="application/x-shockwave-flash"

我有一个简单的HTML/JS文档，我在其中点击了试图播放视频的图像：

<!DOCTYPE html>
<html lang="en">

<head>
<script type="text/javascript">
    var embedCode = '<object data="http://www.youtube.com/watch?v=Ac_qGnPX8eI" type="application/x-shockwave-flash" height="240" width="320"><param name="src" value="http://www.youtube.com/watch?v=Ac_qGnPX8eI"><param name="allowfullscreen" value="true"></object>'
</script>
</head>

<body>
<div id="videocontainer">
    <img src="C:\thesis\100GreatP\eclipse_ws\test\src\org\cnstar\wiki\data\calm_waters.jpg" onclick="document.getElementById('videocontainer').innerHTML = embedCode;" height="240" width="320" />
</div>
</body>
</html>


变量代码=“”

然而，点击图片后，什么也没有发生。这个问题已经在讨论中解释过了，解决方案是以我在HTML文档中的方式呈现的。但这对我不起作用。计算机上安装的Shockwave/Flash播放器。没有成功加载任何浏览器（即Firefox、Chrome）。感谢您的帮助。

如果正确遵循，将为您提供一种在单击时加载视频的方法。我只是想看看API。使用单击链接阅读API页面底部的演示

取得了网站的这一权利


变量代码=“”
函数playVid（）{
document.getElementById（'videocontainer'）。innerHTML=embedCode
}

问题在于您的YouTube嵌入代码。要获得正确的嵌入代码，请转到并单击视频下方的共享->嵌入。是的，这是问题之一。我已经改变了链接，但是仍然不起作用。我只需点击图像，图像就会消失，出现白色框，没有视频。这似乎是给我的。可能您的浏览器有限制，不允许在本地HTML文件上播放视频？

<script type="text/javascript">
var embedCode = '<object width="640" height="390"> <param name="movie" value="http://www.youtube.com/watch?v=Ac_qGnPX8eI"></param> <param name="allowScriptAccess" value="always"></param><embed src="https://www.youtube.com/v/u1zgFlCw8Aw? version=3&autoplay=1" type="application/x-shockwave-flash" allowscriptaccess="always" 
width="640" height="390"></embed></object>'

<script> 
  function playVid(){
document.getElementById('videocontainer').innerHTML = embedCode
 }

<div id="videocontainer">
<img       src="../../../../thesis/100GreatP/eclipse_ws/test/src/org/cnstar/wiki/data/calm_waters.jpg"     onclick="playVid();" height="240" width="320" >
</div>