<a>タグ標準設定

Flowplayer 3.1.4 <a> タグ設置例【ベーシック設定】

Flowplayer Download : http://flowplayer.org/download/index.html
元ページ : Blog内に FLV / H.264 動画埋め込み Flowplayer 3 の設定

【ディレクトリ／ファイル構成】

www.hoge.jp┐
　　　　　　├ /flowplayer
　　　　　　│　　├ flowplayer-3.1.4.swf
　　　　　　│　　├ flowplayer.controls-3.1.4.swf
　　　　　　│　　├ flowplayer-3.1.4.min.js
　　　　　　│　　　 (exampleフォルダ内に入ってます)
　　　　　　│
　　　　　　├ /movie
　　　　　　　　　├ hoge.html (動画ページ)
　　　　　　　　　├ splash.jpg (初期表示画像)
　　　　　　　　　├ hoge.mp4 (動画ファイル)

- Ver.3.1.3 より、動画ファイル指定は絶対パス、または flowplayer-3.x.x.swf からの相対パス指定が必要です。
- アスペクト比固定設定で、フルスクリーン時も画角維持
- 標準背景のグラデーションを黒一色に変更（フルスクリーン時の「帯」にも影響します）
- 初期画像の設定（※使用画像にあるコントロールバーはjpeg画像=ダミーです）
- blog投稿の場合は「改行変換無し」で投稿、または、Flowplayer設定を改行せず作成が良いと思います。

<head>


<script type="text/javascript" src="/flowplayer/flowplayer-3.1.4.min.js"></script>

</head>


<a

    href="/movie/hoge.mp4"
    id="hogehoge1"
    style="display:block;width:400px;height:324px;"
>
    
    <img src="splash.jpg" width="400" height="316" border="0" />
</a>



<script>
flowplayer(
"hogehoge1",                                /* 上記 id="xxx"と同じものを記入 */
"/flowplayer/flowplayer-3.1.4.swf",         /* flowplayerのURI 相対パスでも可 */
    {
        clip: {
            /* 動画ファイルURI指定は<a>タグで行う。 */
            autoPlay: true,                 /* 初期画像設定時はautoplayをonにする */
            autoBuffering: false,           /* 自動バッファoff(事前の動画データDL可否) */
            scaling: 'fit'                  /* アスペクト比固定表示 ※最後はカンマ無し */
        },                                  /* カンマを忘れずに！ */
        canvas: {
            backgroundColor: '#000000',     /* 背景色(全画面時も適用される) */
            backgroundGradient: 'none'      /* 背景グラデーション OFF ※最後はカンマ無し */
        }                                   /* 最後はカンマ無し */
    }
);
</script>

Flowplayer 3.1.4 <a> タグ設置例 【ベーシック設定】

Flowplayer 3.1.4 <a> タグ設置例【ベーシック設定】