Flash-видео zClip не распространяется на изображение в теге <a>
Я использую zClip для копирования текста, когда я нажимаю на изображение. Флэш-видео, на которое пользователь должен кликнуть, слишком маленькое. Это не распространяется на все изображение. Я мог бы отредактировать jquery.zclip.js и установить статический размер, но я не хочу, если мне не нужно.
Область, которую вы должны нажать: http://i.imgur.com/cLfLCRb.png
Область изображения: http://i.imgur.com/jKdKq6r.png
HTML
<a data-copy-src="#code1" data-copy-msg="#msg1" href="#" class="copyMe">
<img src="http://i.imgur.com/q2BP7YR.png" />
</a>
<div id="code1" class="copySrc">copy this</div>
<span id="msg1" class="copyMsg"></span>
JavaScript
$(function() {
$('.copyMe').zclip({
path: 'js/ZeroClipboard.swf',
copy: function() {
var copySrcSelector = $(this).data('copy-src');
return $(copySrcSelector).text();
},
afterCopy: function() {
var copyMsgSelector = $(this).data('copy-msg');
$(copyMsgSelector).html("✔");
}
});
});