ビデオが埋め込まれていないvimeoビデオjquery fancyboxを再生していませんか？

<!DOCTYPE html> 
<html> 
<head> 
    <meta charset="utf-8"> 
    <title>My page</title> 
    <link rel="stylesheet" type="text/css" href="./jquery.fancybox.min.css"> 
</head> 
<body> 

    <h2>fancyBox v3.2 - Iframe</h2> 

<a data-fancybox href="https://vimeo.com/191947042"> 
    Vimeo video 
</a> 
    <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> 

    <script src="./jquery.fancybox.min.js"></script> 
</body> 
</html>

私のビデオがポップアップした後に再生されない理由を誰かが説明できますか？夕方までに行う必要があるすべてのソースを見ています。ビデオが埋め込まれていないvimeoビデオjquery fancyboxを再生していませんか？

出典

2017-12-18 hruday kumar reddy

コードが正常に動作しているようです（https://jsfiddle.net/0xnLd2yj/）。コンソールにエラーとパスがないかどうかチェックしてください。 –

ポップアップが開いていて、jsfiddleの動作が見えましたが、ファイルを開いたときにmozillaもchromeもビデオを再生しませんでした。 –

テストしていますかあなたのローカルマシンで？すなわち、 'file：//'ベースのURL？もしそうなら、あなたはおそらくブラウザのセキュリティによってビデオを読み込むことからブロックされているでしょう。ウェブサーバーで実行 –

ここには作業中です： http://jsfiddle.net/e8nTZ/ これをチェックして複製してください。

<a class="fancybox" href="http://vimeo.com/123456">open vimeo</a> 

jQuery(document).ready(function ($) { 
    $('.fancybox').fancybox({ 
     helpers: { 
      media: {} 
     } 
    }); 
});

jsファイルを正しくリンクしていることを確認してください。

出典

2017-12-18 09:11:02

ポップアップが開いていると私はあまりにもjsfiddleでその作業を見ていたが、ファイルを開くときにも、モジラやクロムのビデオを再生していない –

ライブラリへのリンクを確認してください（jqueryとfancybox）。 CDNのリンクを正しく使用するために、リンクを使用することができます。 –

私はlocalhost/serverから実行するだけです –

ビデオが埋め込まれていないvimeoビデオjquery fancyboxを再生していませんか？

答えて

関連する問題