カード一覧ページの右側にStreamを埋め込む

https://gyazo.com/0f3961b44d1aaf184ff0b19e22fe27c8

code:javascript

const pageListElement = document.querySelector('.page-list.clearfix');

if (pageListElement) {

pageListElement.style.display = 'flex'; // Flexbox を有効にする

pageListElement.style.justifyContent = 'space-between'; // 左右に配置

pageListElement.insertAdjacentHTML('beforeend',

`<div class="iframe-video-player">

<iframe style="display: inline-block;" src=${source}></iframe>

</div>`

);

}

// ページ内のすべての div 要素に対して width プロパティを変更

var iframeElements = document.querySelectorAll('.iframe-video-player iframe');

iframeElements.forEach(function (iframe) {

iframe.style.height = '3000px';

iframe.style.width = '600px';

iframe.style.maxHeight = 'unset';

});

//div.containerの width プロパティを変更

var divElements = document.querySelectorAll('.container');

divElements.forEach(function (div) {

div.style.maxWidth = '1700px';

});