19

Jquery FencyBox で Youtube Video を正常に実行しています。しかし、Jquery FencyBox でローカルの MP4 ビデオ ファイルを実行できません (このファイルはフォルダーに存在します)。

JQUERY FENCYBOX でローカル ビデオ ファイルを実行する方法を教えてください (FencyBox で YouTube ビデオを実行しているのと同じです)。

以下は私が使用しているコードです：

1)。私はこれらのファイル（プラグイン）を使用しています：

jquery.fancybox-1.3.4.js および jquery.fancybox-1.3.4.css

2)。Fancy Box で Youtube のビデオを正常に再生しています:

<div class="main">
    <h1>VIDEO Playing From YOUTUBE</h1>
    <p><a href="http://www.youtube.com/embed/WAZ5SmJd1To" class="youtube iframe">Watch this amazing YouTube video</a></p>
</div>

3)。Fancy Box でローカル ビデオ ファイル MP4 を再生できません。

<div class="main">   
    <h1>Local Video File Playing</h1>
    <p><a href="example/video.mp4" class="youtube iframe" > My Local Video in Example Folder</a></p>         
</div>

提案/ガイド/ヘルプしてください。

4

3 に答える 3

6

このコードは、ローカル ビデオ ファイルを実行するのに役立ちます。ソリューションに .mp4 ビデオ ファイルがあることを確認するか、YouTube ビデオをアンカー タグにリンクすることができます。

<head>
<script src="/fancybox/jquery.fancybox.js" type="text/javascript"></script>
<link href="/fancybox/jquery.fancybox.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript">
        $(function () {
            $('#video a').fancybox({
                width: 640,
                height: 400,
                type: 'iframe'
            });
        });
    </script>
 </head>

<body>
<div id="video">
  <a href="new_video.mp4"><img src="/images/video_coverpage.jpg" alt="" /></a>       
</div>
</body>

于 2016-04-19T13:53:44.347 に答える