てがろぐ - Fumy Otegaru Memo Logger -

お手軽一言掲示板（この辺の文章は「管理画面」の「設定」内にある「フリースペース」タブから編集できます。）

新規投稿 管理用




or 管理画面へ

■フリースペース： 編集

ここは、CGIの設定画面から自由に文章を入力して掲載できるスペースです。スキンを編集しなくてもCGI上から手軽に内容を変更できます(HTML使用可)。
動作サンプルです。◆他のスキン：標準スキン, 昔のツイッターっぽいスキン(ピンク版), 付箋型スキン, シンプル日記スキン, ジャーナル(日誌)スキン, ブログタイプスキン, チャットタイプスキン, 黒板スキン 《てがろぐCGIの配布ページに戻る》

No.4880

自前の動画のURLを貼るとプレイヤーになるスクリプト作ったので共有します
<script type="text/javascript">
///動画
$(document).ready(function() {
    $('a[href$=".mp4"], a[href$=".mov"], a[href$=".webm"], a[href$=".ogg"], a[href$=".m4v"], a[href$=".avi"]').each(function() {
        const $link = $(this);
        const href = $link.attr('href');
       
        // 拡張子に応じて適切なMIMEタイプを設定
        const getVideoType = (ext) => {
            const types = {
                'mov': 'video/quicktime',
                'mp4': 'video/mp4',
                'webm': 'video/webm',
                'ogg': 'video/ogg',
                'm4v': 'video/mp4',
                'avi': 'video/x-msvideo'
            };
            return types[ext.toLowerCase()] || '';
        };
       
        const fileExt = href.split('.').pop().toLowerCase();
        const mimeType = getVideoType(fileExt);
       
        const playerElement = `
            <div class="video-container">
                <video controls width="100%">
                    <source src="${href}" type="${mimeType}">
                    お使いのブラウザは動画の再生に対応していません。
                </video>
            </div>
        `;
       
        $link.replaceWith(playerElement);
    });
});
</script>
バグってたら申し訳ないです

仕様
  • 管理画面＞設定＞システム設定＞【許可する画像の種類】で拡張子を入れると管理画面とQUICKPOSTからアップできるようになります（管理画面の画像の管理の画像欄には表示されません）
  • URLの末尾に動画の拡張子がある場合、自動的にプレイヤーに変更されます
  • サイズ変更はスクリプト内の<div class="video-container">～からどうぞ
  • 5秒のところがサムネイルとして初期設定されているので、変えたい場合はMath.min(5, video.duration)の数値を変更してください
(1474文字) No.4880 at 2024/12/14(土) 01:38:07〔1年以上前〕 by Icon of sakura さくら 編

« No.4879 / No.4882 »

初期表示に戻る

■複合検索：

  • 投稿者名：
  • 投稿年月：
  • ＃タグ：
  • カテゴリ：
  • 出力順序：

■カテゴリ：

■現在の表示条件での投稿総数： 1件
■最終更新日時： 2026/04/26(日) 21:47:44〔19時間前〕

■日付一覧：

■ハッシュタグ：

■カレンダー：

2024年12月
日月火水木金土
1234567
891011121314
15161718192021
22232425262728
293031
« 前の月 / 次の月 »

■最近の投稿：

■新着画像リスト：

最初のbrタグを増やす正規表現カレンダー・ヒートマップカレンダー・ヒートマップ挿入される画像表示記法の選択タイムスタンプを維持する設定(FFFTP)

全336個 （総容量 37.06MB）

SunMonTueWedThuFriSat
Apr 3 0 0 1 8 6 1
2 1 3 5 0 3 4
May 5 2 1 1 3 1 2
1 1 0 1 1 1 2
2 0 2 4 2 0 0
3 0 1 2 2 8 3
Jun 2 8 2 1 0 4 2
3 0 3 3 0 1 2
6 3 4 1 6 2 2
4 2 0 4 2 1 1
2 3 6 2 6 0 0
Jul 6 1 1 0 0 1 2
1 2 1 2 1 1 2
1 0 0 0 1 0 0
2 0 0 1 5 2 3
Aug 6 4 0 1 1 1 2
6 3 0 1 0 0 3
3 8 1 1 3 1 1
0 2 1 1 3 0 2
3 3 2 0 4 1 2
Sep 0 1 3 3 1 0 3
0 1 1 0 3 1 0
3 6 14 1 0 0 0
8 2 3 1 0 0 2
Oct 6 1 0 0 1 0 3
0 0 1 0 2 0 1
0 0 0 3 5 0 0
0 0 0 0 2 1 0
Nov 0 1 0 1 0 5 0
1 4 1 0 0 0 0
2 0 1 2 2 0 0
0 0 0 0 2 1 1
1 0 5 3 7 0 2
Dec 4 2 0 2 1 0 0
1 2 1 0 0 0 0
0 0 1 0 3 2 4
1 7 4 1 3 11 2
Jan 3 2 2 9 2 1 11
3 3 3 5 6 3 3
13 6 2 1 1 3 8
4 4 5 1 3 1 5
Feb 5 4 2 2 2 3 0
0 5 2 2 0 0 0
1 0 1 0 2 1 3
0 4 4 3 3 0 3
Mar 4 0 5 1 0 1 1
0 0 1 3 1 1 2
1 1 1 4 0 1 2
1 1 1 0 1 2 0
3 1 3 4 0 2 3
Apr 1 1 0 1 0 4 5
7 3 2 1 2 1 1
2 0 0 1 0 2 2
2 0

動作サンプルです。 ご自由にお試し下さい。パスワードguestで管理画面もお試し頂けます。
■いま見ているスキンは「チャットタイプスキン」です。他に、 標準スキン、 昔のツイッターっぽいスキン(ブルー)、 昔のツイッターっぽいスキン(ピンク)、 付箋型スキン、 シンプル日記スキン、 ジャーナル(日誌)スキン、 ブログタイプスキン(タイトル付きブログっぽくできるスキン)があります。
《てがろぐCGIの配布・解説ページに戻る》