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 - 如何使用 JsDoc 记录解构的参数

javascript - 使用 axios 将表单数据发布到 api javascript

javascript - CSS - 制作导航栏但它超出了部分

html - 在网站上使用多种形式输入 key

css - 定位嵌入式闪存

javascript - 捕获元素外部的 mousedown 事件 jquery

javascript - '_' 中的意外悬挂 '_gaq'

jquery - 像菜单一样的 CSS 分步向导

c# - 在 C# ShockWave 组件上调用 Play() 不会启动 YouTube 视频播放?