I would love to be able to embed interactive Lichess studies in cards.
For example, when I try embedding this iframe:
<iframe width=600 height=371 src="https://lichess.org/study/embed/ZZj15s0x/nnQ9aYam" frameborder=0></iframe>
the frame around the board loads, but the actual chess board does not load, and I get the following error:
analysisBoard.embed.min.js:1 Uncaught DOMException: Failed to read the 'localStorage' property from 'Window': Access is denied for this document.
at https://lichess1.org/assets/_3Mpbe0/compiled/analysisBoard.embed.min.js:1:1983
at https://lichess1.org/assets/_3Mpbe0/compiled/analysisBoard.embed.min.js:1:18909
(anonymous) @ analysisBoard.embed.min.js:1
(anonymous) @ analysisBoard.embed.min.js:1
analysisBoard.min.js:1 Uncaught TypeError: Cannot read property 'make' of undefined
at analysisBoard.min.js:1
at analysisBoard.min.js:1
(anonymous) @ analysisBoard.min.js:1
(anonymous) @ analysisBoard.min.js:1
UIzj7XZB:1 Uncaught (in promise) TypeError: analyseEmbed is not a function
at UIzj7XZB:1
I tried modifying the sandbox
attribute of the iframe, as suggested here, but that did not change the error.
https://forums.ankiweb.net/t/embed-content-in-anki-using-iframe/2150
How can I embed these Lichess interactive iframe’s in my Anki cards?