html中的embed引用了土豆的一个视频,如何设置视频的默认预览图

<embed src="http://www.tudou.com/v/jYW4AUzS4kc/&amp;bid=05&amp;resourceId=0_05_05_99/v.swf" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" wmode="opaque" width="864" height="525">

视频的预览图,我们可以控制吗

图片描述

现在使用video标签的poster属性,给视频添加了一个logo做缩略图,但是这样做之后,视频点击播放之后没效果

<video width="700" height="500" poster="http://test.cookee.com.cn/img/index/index/logo.png" controls>
   <object data="http://www.tudou.com/v/jYW4AUzS4kc/&bid=05&resourceId=0_05_05_99/v.swf" width="700" height="500">
    <embed src="http://www.tudou.com/v/jYW4AUzS4kc/&bid=05&resourceId=0_05_05_99/v.swf" width="700" height="500" type="application/x-shockwave-flash" />
  </object>
</video>
阅读 12.9k
2 个回答

embed标签不行吧,土豆首页的预览图就只是图片,点进去才是视频。

纯靠标签暂时是达不到了,可以在video上写一个遮罩层,点击的同时让遮罩层隐藏,视频播放是可以控制的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题