我已经查看了这个的一些实现,但到目前为止没有一个有效,所以我求助于发布。这个概念是:一个占位符图像,一旦点击就会变成视频并自动播放。
当前的 HTML:
<div id="ytvideo" style="display:none;">
<iframe width="939" height="528" id="ytvideo" frameborder="0" allowfullscreen></iframe>
</div>
<img class="aligncenter size-full" id="homevideo" alt="placeholder" src="/wp-content/uploads/2013/10/placeholder.jpg" width="940" height="548" />
当前的JS:
jQuery(document).on('click','#homevideo',function(e){
jQuery('#ytvideo').show();
jQuery('#homevideo').hide();
jQuery('#ytvideo').attr("src","www.youtube.com/embed/[myvidid]?autoplay=1");
jQuery("#ytvideo").attr('src', jQuery("#ytvideo", parent).attr('src') + '?autoplay=1');
});
我已经考虑过尝试重新加载,iframe
但这似乎不起作用。
有任何想法吗?
标记:固定