javascript - HTML インポートを Chrome 以外でも機能させるための最適な方法は何ですか?

Question

私は Bubble.is に完全に焼き付けられたアプリを持っています。これには、患者がビデオ チャットを介して臨床医と面会することが含まれます。可能であれば、ビデオ チャットのためだけにクライアント サーバーのセットアップを構築する必要は避けたいと考えています。これが、OpenTok の埋め込みが際立っていた理由です。Bubble.is がヘッダーに追加するものは何でも、OpenTok の埋め込みファイルを直接埋め込むと破損します。代わりに、私が所有する別のドメインの html ファイルから OpenTok 埋め込みを提供します。これで、アプリ (app.foo.bar) と OpenTok 埋め込み (www.foo.bar/opentok.html) ができ、HTML インポートを使用しようとしています。

埋め込みコード (ヘッダー):

<script src="https://polygit.org/components/webcomponentsjs/webcomponents-loader.js"></script>
<script src="https://foo.bar/scripts/webcomponents-lite.js"></script>
<link rel="import" href="https://foo.bar/video/index.php/embed-2">

埋め込みコード (本文):

<script> window.addEventListener('HTMLImportsLoaded', function() {
var link = document.querySelector('link[rel="import"]');
var content = link.import;

 //Grab DOM from embedded OpenTok.
var el = document.querySelector('#otEmbedContainer');

document.body.appendChild(el.cloneNode(true));});</script>

予想どおり、これは Chrome デスクトップでは美しく機能しますが、それ以外では機能しません。(少なくとも) モバイル Web で実行できるように、この既存のコードを変更するための最適な方法は何ですか?