我有一个简单的 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>
但是,点击图片后,没有任何反应。这个问题已经在问题replace image with a video embeded中得到了解释。 ,其中解决方案以我在 HTML 文档中的方式呈现。但这对我不起作用。计算机上安装了 Shockwave/Flash 播放器。无法在任何浏览器(IE、Firefox、Chrome)中成功加载。感谢您的帮助。
最佳答案
YouTube JavaScript API如果遵循正确,将为您提供一种点击时加载视频的方法。只需阅读 API 即可。请阅读 API 页面底部的内容,了解使用点击链接的演示。
关于javascript - 通过点击 HTML/JS 文档中的图像来加载视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15793002/