javascript - 通过点击 HTML/JS 文档中的图像来加载视频

标签 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" 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 页面底部的内容,了解使用点击链接的演示。

https://developers.google.com/youtube/js_api_reference

关于javascript - 通过点击 HTML/JS 文档中的图像来加载视频,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15793002/

相关文章:

javascript - 数据传输在 IE11 中无法正常工作

javascript - 带有淡入淡出动画的自动照片 slider - 仅限 JavaScript

PHP:如何获取 shockwave .dcr 文件的宽度和高度?

flash - 如何在 Delphi 2010 中将参数传递给 flash 电影?

javascript - 具有空值的 Linq.JS OrderBy

完整路径和关闭电流之间的 Html 路径区别?

javascript - 错误地将线绘制到给定 Angular 椭圆边缘

javascript - node-red js 中的 HTTP POST

javascript - jquery 数据返回 'undefined'