サムネイルプレーヤー埋め込みコード
このコードは、「サムネイルプレーヤー」をブログに埋め込むものです。
埋め込み方法
(1)FC2ブログ、はてなブログまたはGoogleブログでhtml編集画面を開きます。
(2)そこの任意の場所に、この埋め込みコードをコピーペーストします。
(補足)動画を指定する場合は、以下で、
vid=Tr8zD5RQKSY#bodybg
の=と#の間にあるvidデータを指定のvidデータに変更してください。
vid：
更新
<div id="pp" class="ui-draggable ui-draggable-handle" style="height:auto;width: 240px; margin-top: 0.5%; margin-left: 0.5%; background-color: lightcoral; border: solid; z-index: 5; position: relative; top: 0px; left: 0px;"> <button id="select_video" style="font-size: 0.8em; font-weight: bold; color: white; background-color: darkgreen;">サムネイルの選択</button><button id="none_disp" style="font-size: 0.8em; font-weight: bold; color: white; background-color: blue;">非表示</button><br /> <div id="s_frame" style="height:170px;border: 'solid';"> <iframe id="thumbnail_player" style="display: block;" frameborder="0" allowfullscreen="1" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" title="" width="240" height="200" src="https://iframe.tecoyan.net/index_thumbnail_player_single_embeded.php?direct=direct&title=&vid=Tr8zD5RQKSY#bodybg"> </iframe></div> <button id="rireki_video" style="font-size: 0.8em; font-weight: bold; color: white; background-color: darkgreen;">履歴からの選択</button><button id="reserve" style="font-size: 0.8em; font-weight: bold; color: white; background-color: blue;">予備ボタン</button> </div> <script type="text/javascript" src="https://iframe.tecoyan.net/js/thumbnail_player_single_embeded_parent.js"></script>