с помощью плагина prettyPhoto я не могу загрузить видео с моего сервера?

Question

с помощью плагина prettyPhoto я не могу загрузить видео с моего сервера?

Если я использую prettyPhoto, я могу показать предварительный просмотр Despicable Me, и я могу показать видео YouTube. Но я не могу показать видео со своего собственного сервера. Он либо не загружается, либо появляется сообщение об ошибке, в котором говорится, что мой путь указан неверно или изображение не существует.

Это как с rel = «prettyPhoto», так и с rel = «prettyPhoto [movies]». Примечание. Я НЕ хочу вставлять видео YouTube с логотипом YouTube.

Если я удалю rel = «prettyPhoto» и использую <iframe> вместо тегов, то же видео, которое я не смог показать с prettyPhoto, работает. Таким образом, путь правильный и фильм существует на моем сервере.

НО, если я использую эту опцию, видео попадает в кадр, который слишком мал для разрешения видео и, следовательно, не тот вариант, который я хочу использовать. Я хочу использовать prettyPhoto для потрясающего эффекта, который он обеспечивает.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/prettyPhoto/3.1.6/js/jquery.prettyPhoto.min.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/prettyPhoto/3.1.6/css/prettyPhoto.css" />

<a href="https://axelta-monitor.s3.amazonaws.com/AX_Guard%2520Patrolling%2520Demo_AXB052_1499909053_008.mp4" title="View" rel="prettyPhoto[pp_gal]">View</a>

1

html5 jquery php prettyphoto

Решение

По вопросам рекламы [email protected]

Accepted Answer

Вам НЕОБХОДИМО использовать iFrame, и вы можете изменить размер к тому, что ваш контент

я добавил ?iframe=true&width=200&height=200 на URL

http://jsfiddle.net/mplungjan/y1zz9car/

$(document).ready(function() {
$("a[rel^='prettyPhoto']").prettyPhoto();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="https://www.no-margin-for-errors.com/wp-content/themes/NMFE/js/jquery.prettyPhoto.js"></script>
<link rel="stylesheet" type="text/css" href="https://www.no-margin-for-errors.com/wp-content/themes/NMFE/css/prettyPhoto.css">

<div id="video_player">
<a href="https://axelta-monitor.s3.amazonaws.com/AX_Guard%2520Patrolling%2520Demo_AXB052_1499909053_008.mp4?iframe=true&width=200&height=200" rel="prettyPhoto" title="My private Video">
<img src="http://img.youtube.com/vi/cH6kxtzovew/default.jpg" alt="My image" width="50">
</a>
</div>

1

Другие решения

Я хочу миниатюру внизу, как. Это не относится

1

Источник