私のページには、画像としてYouTubeビデオのサムネイルがあり、ユーザーが画像をクリックした後、prettyPhotoを使用してビデオを再生したいと思います。どうすればそれを達成できますか?
画像のコードは次のとおりです。
<div class="video" id="videoPlaceHolder" style="position:relative;">
<a rel="prettyPhotos" href="https://www.youtube.com/embed/<?php getFirstFeatureVideoURL(); ?>">
<img style="background:url(<?php getFirstFeatureVideoThumbnail() ?>); background-repeat:no-repeat; background-size:cover; -moz-background-size: cover;" src="/images/ytIndex_overlay.png" onClick="addPlayer();" />
</a>
</div>
php関数getFirstFeatureVideoURL
は、最初のビデオの「正しい」URLを取得して返します(私はそれを個別にチェックし、ビデオは問題なく再生されます)。呼び出されるもう1つの関数getFirstFeatureVideoThumbnail
は、ビデオのサムネイルを返します。私はすべてのプラグインの準備ができておりprettyPhoto
、これまでのところ、すべての画像に対して完全に機能しています。ただし、画像をクリックしてこのビデオを再生しようとすると、エラーが発生します。
Image cannot be loaded. Make sure the path is correct and the image exists
なぜこのエラーが発生するのですか?