1

クラス (video.js) を SVG 要素に割り当てようとしています。どういうわけか、クラスは無効になっています。以下の私の試みはうまくいきません。

<a class="video" xlink:href="http://www.youtube.com/v/ZeStnz5c2GI?fs=1&amp;
autoplay=1" title="The Falltape"><circle cx="168" cy="79" r="59" fill="green" />
</a>

SVGサークルなしで、プレーンテキストで配置すると正常に機能します

<a class="video" title="The Falltape" href="http://www.youtube.com/v/ZeStnz5c2GI?
fs=1&amp;autoplay=1"><img src="images/1.jpg" alt="" />TEXT</a>

video.js へのリンク

Query(document).ready(function() {

$(".video").click(function() {
    $.fancybox({
        'padding'       : 0,
        'autoScale'     : false,
        'transitionIn'  : 'none',
        'transitionOut' : 'none',
        'title'         : this.title,
        'width'         : 853,
        'height'        : 480,
        'href'          : this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),
        'type'          : 'swf',
        'swf'           : {
        'wmode'         : 'transparent',
        'allowfullscreen'   : 'true'
        }
    });

    return false;
  });
});

助言がありますか？

4

1 に答える 1

0

class属性を XLink 名前空間に入れず、属性を XLink 名前空間に入れhrefます。

<a class="video" xlink:href="http://www.youtube.com/v/ZeStnz5c2GI?fs=1&amp;
autoplay=1" title="The Falltape"><circle cx="168" cy="79" r="59" fill="green" />
</a>

このあたりの SVG も正しいことを確認してください。

于 2013-01-14T11:57:07.233 に答える