通过点击HTML/JS文档中的图像加载视频
Loading video by clicking on the image in HTML/JS document
我有一个简单的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播放器。没有成功加载任何浏览器(IE, Firefox, Chrome)。谢谢你的帮助。
YouTube JavaScript API,如果遵循正确,为您提供了一种点击加载视频的方式。我得好好读读API。阅读API页面底部的演示,使用click链接。
https://developers.google.com/youtube/js_api_reference取此站点的权利https://developers.google.com/youtube/player_parameters
<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>
相关文章:
- 在通过child.print()打印之前,我如何等待图像加载到我的新窗口中
- 在检索数据时是否可以停止图像加载请求
- 如何让我的网站上的WEBP图像加载在morzilla firefox中有一个可能的解决方案吗?如果是,那么如何
- jQuery:获取图像加载错误的详细信息
- 在safari和chrome中,js图像加载产生了奇怪的结果
- 图像加载不适用于 IE 8 或更低版本
- 这个图像加载功能有什么作用
- JavaScript 图像加载器不起作用
- 动态图像加载是否会减少服务器过载
- 跨来源图像加载被拒绝-仅限iPhone-简单图像上传
- 纯javascript的进度图像加载程序仅当用户单击提交html表单时
- 使用JavaScript延迟图像加载
- 如果当前图像加载缓慢,如何加载其他图像
- HTML图像加载触发一个错误
- 将图像加载到localStorage,并将图像src设置到该位置
- jquery图像加载检查错误
- 将图像加载到织物画布背景中
- 需要在bootstrap css中单击时将图像加载为模态
- 正在显示加载..在将新图像加载到网站时播放动画
- 砖石事件:在图像加载和布局完成后调用事件