slideshareの仕様変更(？)ではてなダイアリーに表示出来なくなった件について

雑記 はてな

ここ最近slideshareの仕様が変わった(？)ようで、これまでの様にembedボタン押下から得られるソースコードを貼り付けただけでは、上手く表示されなくなってしまいました。

生成されるソースコードを見てみると、『allowfullscreen』という属性がiframeタグに追加されていたのが原因っぽい。

<div style="width:425px" id="__ss_12827736">
<strong style="display:block;margin:12px 0 4px">
    <a href="http://www.slideshare.net/joker1007/ss-12827736" title="ジョジョで分かる 頭じゃなく精神で理解するアジャイル" target="_blank">ジョジョで分かる 頭じゃなく精神で理解するアジャイル</a>
</strong>
<iframe src="http://www.slideshare.net/slideshow/embed_code/12827736"
width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" allowfullscreen>【←コレ！】
</iframe>
<div style="padding:5px 0 12px">
    View more <a href="http://www.slideshare.net/" target="_blank">presentations</a> from <a href="http://www.slideshare.net/joker1007" target="_blank">joker1007</a>
</div>
</div>
  • 2012/06/12追記：新たに別の属性(style)も従来の表示を崩す要因となっていたようです。
<div style="width:425px" id="__ss_12827736">
<strong style="display:block;margin:12px 0 4px">
    <a href="http://www.slideshare.net/joker1007/ss-12827736" title="ジョジョで分かる 頭じゃなく精神で理解するアジャイル" target="_blank">
    ジョジョで分かる 頭じゃなく精神で理解するアジャイル
    </a>
</strong>
<iframe src="http://www.slideshare.net/slideshow/embed_code/12827736"
    width="425" height="355" frameborder="0" marginwidth="0" marginheight="0" scrolling="no"
    style="border:1px solid #CCC;border-width:1px 1px 0"【←コレ！】
    allowfullscreen 【←コレ！】
>
</iframe>
<div style="padding:5px 0 12px">
    View more <a href="http://www.slideshare.net/" target="_blank">presentations</a>
    from <a href="http://www.slideshare.net/joker1007" target="_blank">joker1007</a> </div> </div>


生成されたタグから『allowfullscreen』を除去した上で貼り付ければ、従来通りはてなダイアリーでもスライドが表示出来るようになりました。めでたしめでたし。

ジョジョで分かる 頭じゃなく精神で理解するアジャイル
View more presentations from joker1007