Не удается заставить Cloudinary Video Payer работать с Require.js. - PullRequest
Новая
       15

Не удается заставить Cloudinary Video Payer работать с Require.js.

0 голосов
/ 27 сентября 2018

Я работаю над сайтами Magento 2, которые загружают весь его JavaScript с Require.js.

На одной из страниц мне нужно, чтобы пользователь мог загружать изображения и видео, а также воспроизводить видео на них.

Я легко смог добавить облачный виджет загрузки и заставить его работать с Require.js, следуя их инструкциям

Однако я не могу получить ихвидеопроигрыватель работает после выполнения их инструкций видеоплеера .

В консоли браузера появляются следующие ошибки ...

GET https://5d5338dbc1c44f0f87cf4daaf823446c.production.codepen.plumbing/js/cloudinary-core.js net :: ERR_ABORTED 404

index.html? d = 1538061283375: 17 Uncaught Error: ошибка сценария для «cloudinary-core», необходимая для: //unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js http://requirejs.org/docs/errors.html#scripterror в makeError (require.js: 165) в HTMLScriptElement.onScriptError (require.js: 1732)

Любая идея, как это исправитьэто?

Я воспроизвел ошибку на CODEPEN https://codepen.io/holly845/project/editor/DQNQmd#

index.html 

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8" />
  <title>My New Pen!</title>
</head>
<body>
  <a href="#" id="upload_widget_opener">Upload multiple images</a>
  <br />
<div style="max-width: px">
<video id="doc-player"  controls  muted  class="cld-video-player cld-fluid"></video>
</div>

  <script data-main="/js/config" src="https://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.22/require.js"></script>
  <script>
    require(['config'], function() {
      require(['custom'])
    })
  </script>
</body>
</html>

js/config.js

requirejs.config({
  baseUrl: 'js',
  paths: {
    jquery: [
      'https://code.jquery.com/jquery-1.12.4',
      'lib/jquery.min'
    ]
  }
});

js / custom.js 

define([
  'jquery',
  '//widget.cloudinary.com/global/all.js',
  '//unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.min.js',
  '//unpkg.com/cloudinary-video-player/dist/cld-video-player.min.js'
], function($){
    $( "#upload_widget_opener" ).click(function() {
      cloudinary.openUploadWidget(
        { cloud_name: 'demo', upload_preset: 'a5vxnzbp'}, 
        function(error, result) { console.log(error, result) });
    });   

  var cld = cloudinary.Cloudinary.new({ cloud_name: 'demo' });
var demoplayer = cld.videoPlayer('doc-player', {
  fontFace: 'Yatra One',
  playlistWidget: {
    direction: 'vertical',
    total:5
    }}).width(600);


demoplayer.playlistByTag('video_race', { 
  sourceParams: { overlay: "cloudinary_icon", opacity: 80, effect:  "brightness:200", width: 100, gravity: "north_east", x: 20, y: 10 },  autoAdvance: 0, repeat: true, presentUpcoming: 5 })
});

1 Ответ

0 голосов
/ 01 октября 2018

Похоже, вы звоните cloudinary-core из src = "js / cloudinary-core.js", не добавляя его в папку js.Однако, если вы уже добавили //unpkg.com/cloudinary-core/cloudinary-core-shrinkwrap.min.js, вам не нужно добавлять cloudinary-core.js.

Можете ли вы удалитьи дайте мне знать, если это поможет?

...