iframeの内容を拡大しますか？ Bandcamp埋め込みプレーヤーの問題

Question

私がしようとしていることは、私のWordpressブログのページにBandcamp音楽プレーヤーを埋め込むことです。問題はBCの現在のプレーヤーの最大幅が700pxで、900pxにする必要があるということです。紀元前にいる人と話した後、彼らは埋め込み型プレーヤーのold versionへのリンクを送ってくれました。このプレーヤーは.jsonを使って外観とレイアウトをスタイル/カスタマイズしています。

ちょっとした作業の後、私は望む900pxの幅のBCプレーヤーを正常に作成することができました。そして、ここに私がこだわっているところがあります...

プレーヤーの幅が正しいようになったにもかかわらず、画面や解像度が小さいデバイスでは、プレーヤーの右端全体が単に切り取られます。私はiframeのサイズを全体的に拡大することはできますが、内容は変更できないと思います（プレーヤはまだ途切れているようです）。

iframe自体のサイズに合わせてiframeの内容を拡大する方法はありますか？私のコーディングの知識は限られていますが、誰かがぼんやりと私を正しい方向に向けることができたとしても、本当に感謝しています！これは私がこれまで持っているどのようなものです：

HTML：

<iframe style="height: 80px; width: 900px; border: 0;" src="http://bandcamp.com/EmbeddedPlayer/track=2376719032/layout=http_3A_2F_2Fsoundcherry.com_2Fbcplayer.json/linkcol=ffffff/bgcol=333333/fgcol=ffffff/" width="300" height="150" frameborder="0"></iframe> 

JSON：

{ 
"art": { "x": 1, "y": 1, "w": 78, "h": 78, "show": true }, 
"maintext": { 
    "x": 132, "y": 24, "w": 330, "h": 120, "show": true, 
    "styles": { "fontFamily": "Arial", "fontSize": 11, "fontWeight": "normal" } 
}, 
"subtext": { 
    "x": 131, "y": 5, "w": 330, "h": 120, "show": true, 
    "styles": { "fontFamily": "Arial", "fontSize": 15, "fontWeight": "bold" } 
}, 
"totaltime": { 
    "x": 864, "y": 20, "w": 32, "h": 16, "show": true, "fontsize": 11, 
    "styles": { "fontFamily": "Arial", "color": "0x9f1d0f", "fontSize": 11 }, 
    "track": { "y": 63 } 
}, 
"timeline": { 
    "x": 90, "y": 48, "w": 800, "h": 16, "show": true 
}, 
"currenttime": { 
    "x": 88, "y": 174, "w": 32, "h": 16, "show": true, "fontsize": 11, 
    "styles": { "fontFamily": "Arial", "color": "0x9f1d0f", "fontSize": 11 }, 
    "track": { "y": 63 } 
}, 
"play": { 
    "x": 90, "y": 6, "w": 30, "h": 30, "show": true 
}, 
"next": { 
    "x": 153, "y": 63, "w": 11, "h": 11, "show": true 
}, 
"prev": { 
    "x": 131, "y": 63, "w": 12, "h": 12, "show": true 
}, 
"linkarea": { 
    "x": 545, "y": 0, "w": 350, "h": 30, "show": true, 
    "styles": { "textAlign": "right", "fontFamily": "Verdana", "fontSize": 13, "fontWeight": "bold" }, 
    "track": { "y": 5 } 
} 

Answer 1

プレーヤーを要求するときに渡すJSONはあなたが必要なすべての情報を持っていますが、それはひどい超えています。 Xは左、Yは上、Wは幅、Hは高さです。

新しいプレイヤーをリクエストすることはできますが、基本的に別のJSONをユーザーのデバイスに応じて送信することはできますが、それはできますが、それは価値がありません。なぜ新しいバージョンではないのですか（幅は200pxより小さくなっています）

200pxのための簡単な解決策：プレーヤと同じ背景色を持つdivにiframeをラップすると、左右にパディングのように見えます。