Dash video is not playing on virtual host









up vote
0
down vote

favorite












I have implemented player as the article below:
https://radek350.wordpress.com/2017/10/29/dash-encrypting-and-playing-video-with-clearkey-videojs/
Video is playing via localhost url like "http://localhost/project/public/courses/10/math".
But it is not playing and is showing "no compatible source was found for this media" error on virtual host like "http://project.test/courses/10/math".

I'm using laravel 5.7 for back-end.










share|improve this question

























    up vote
    0
    down vote

    favorite












    I have implemented player as the article below:
    https://radek350.wordpress.com/2017/10/29/dash-encrypting-and-playing-video-with-clearkey-videojs/
    Video is playing via localhost url like "http://localhost/project/public/courses/10/math".
    But it is not playing and is showing "no compatible source was found for this media" error on virtual host like "http://project.test/courses/10/math".

    I'm using laravel 5.7 for back-end.










    share|improve this question























      up vote
      0
      down vote

      favorite









      up vote
      0
      down vote

      favorite











      I have implemented player as the article below:
      https://radek350.wordpress.com/2017/10/29/dash-encrypting-and-playing-video-with-clearkey-videojs/
      Video is playing via localhost url like "http://localhost/project/public/courses/10/math".
      But it is not playing and is showing "no compatible source was found for this media" error on virtual host like "http://project.test/courses/10/math".

      I'm using laravel 5.7 for back-end.










      share|improve this question













      I have implemented player as the article below:
      https://radek350.wordpress.com/2017/10/29/dash-encrypting-and-playing-video-with-clearkey-videojs/
      Video is playing via localhost url like "http://localhost/project/public/courses/10/math".
      But it is not playing and is showing "no compatible source was found for this media" error on virtual host like "http://project.test/courses/10/math".

      I'm using laravel 5.7 for back-end.







      apache encryption video.js mpeg-dash






      share|improve this question













      share|improve this question











      share|improve this question




      share|improve this question










      asked Oct 27 at 4:08









      Ali Farhoudi

      6941932




      6941932






















          1 Answer
          1






          active

          oldest

          votes

















          up vote
          0
          down vote













          it sounds like that your local web server (e.g. Apache, or Nginx) might not provide the required CORS configuration so the player can access the content you created.



          At https://enable-cors.org/ you find several examples how to configure CORS properly for the most common web servers. Then you can try again to play your clearkey encrypted content




          CORS is a security policy enforced by the browser in order to allow/deny XHR requests to resources which are hosted on a different domain than the site the request is coming from. XHR requests are commonly used by javascript applications web apps as well as HTML5 players to request your video content.



          The decision of the browser, if it blocks this request or not, depends on additional headers which are returned by the server the XHR request is sent to (Cloudfront and/or your S3 bucket in this case). If the CORS configuration whitelists the domain the request is coming from, the browser will allow this request.






          share|improve this answer




















          • Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
            – Ali Farhoudi
            Nov 9 at 18:35










          • @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
            – Gernot
            Nov 13 at 17:45










          • Thanks, I'll check it out.
            – Ali Farhoudi
            Nov 14 at 6:01










          Your Answer






          StackExchange.ifUsing("editor", function ()
          StackExchange.using("externalEditor", function ()
          StackExchange.using("snippets", function ()
          StackExchange.snippets.init();
          );
          );
          , "code-snippets");

          StackExchange.ready(function()
          var channelOptions =
          tags: "".split(" "),
          id: "1"
          ;
          initTagRenderer("".split(" "), "".split(" "), channelOptions);

          StackExchange.using("externalEditor", function()
          // Have to fire editor after snippets, if snippets enabled
          if (StackExchange.settings.snippets.snippetsEnabled)
          StackExchange.using("snippets", function()
          createEditor();
          );

          else
          createEditor();

          );

          function createEditor()
          StackExchange.prepareEditor(
          heartbeatType: 'answer',
          convertImagesToLinks: true,
          noModals: true,
          showLowRepImageUploadWarning: true,
          reputationToPostImages: 10,
          bindNavPrevention: true,
          postfix: "",
          imageUploader:
          brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
          contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
          allowUrls: true
          ,
          onDemand: true,
          discardSelector: ".discard-answer"
          ,immediatelyShowMarkdownHelp:true
          );



          );













           

          draft saved


          draft discarded


















          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53018629%2fdash-video-is-not-playing-on-virtual-host%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown

























          1 Answer
          1






          active

          oldest

          votes








          1 Answer
          1






          active

          oldest

          votes









          active

          oldest

          votes






          active

          oldest

          votes








          up vote
          0
          down vote













          it sounds like that your local web server (e.g. Apache, or Nginx) might not provide the required CORS configuration so the player can access the content you created.



          At https://enable-cors.org/ you find several examples how to configure CORS properly for the most common web servers. Then you can try again to play your clearkey encrypted content




          CORS is a security policy enforced by the browser in order to allow/deny XHR requests to resources which are hosted on a different domain than the site the request is coming from. XHR requests are commonly used by javascript applications web apps as well as HTML5 players to request your video content.



          The decision of the browser, if it blocks this request or not, depends on additional headers which are returned by the server the XHR request is sent to (Cloudfront and/or your S3 bucket in this case). If the CORS configuration whitelists the domain the request is coming from, the browser will allow this request.






          share|improve this answer




















          • Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
            – Ali Farhoudi
            Nov 9 at 18:35










          • @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
            – Gernot
            Nov 13 at 17:45










          • Thanks, I'll check it out.
            – Ali Farhoudi
            Nov 14 at 6:01














          up vote
          0
          down vote













          it sounds like that your local web server (e.g. Apache, or Nginx) might not provide the required CORS configuration so the player can access the content you created.



          At https://enable-cors.org/ you find several examples how to configure CORS properly for the most common web servers. Then you can try again to play your clearkey encrypted content




          CORS is a security policy enforced by the browser in order to allow/deny XHR requests to resources which are hosted on a different domain than the site the request is coming from. XHR requests are commonly used by javascript applications web apps as well as HTML5 players to request your video content.



          The decision of the browser, if it blocks this request or not, depends on additional headers which are returned by the server the XHR request is sent to (Cloudfront and/or your S3 bucket in this case). If the CORS configuration whitelists the domain the request is coming from, the browser will allow this request.






          share|improve this answer




















          • Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
            – Ali Farhoudi
            Nov 9 at 18:35










          • @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
            – Gernot
            Nov 13 at 17:45










          • Thanks, I'll check it out.
            – Ali Farhoudi
            Nov 14 at 6:01












          up vote
          0
          down vote










          up vote
          0
          down vote









          it sounds like that your local web server (e.g. Apache, or Nginx) might not provide the required CORS configuration so the player can access the content you created.



          At https://enable-cors.org/ you find several examples how to configure CORS properly for the most common web servers. Then you can try again to play your clearkey encrypted content




          CORS is a security policy enforced by the browser in order to allow/deny XHR requests to resources which are hosted on a different domain than the site the request is coming from. XHR requests are commonly used by javascript applications web apps as well as HTML5 players to request your video content.



          The decision of the browser, if it blocks this request or not, depends on additional headers which are returned by the server the XHR request is sent to (Cloudfront and/or your S3 bucket in this case). If the CORS configuration whitelists the domain the request is coming from, the browser will allow this request.






          share|improve this answer












          it sounds like that your local web server (e.g. Apache, or Nginx) might not provide the required CORS configuration so the player can access the content you created.



          At https://enable-cors.org/ you find several examples how to configure CORS properly for the most common web servers. Then you can try again to play your clearkey encrypted content




          CORS is a security policy enforced by the browser in order to allow/deny XHR requests to resources which are hosted on a different domain than the site the request is coming from. XHR requests are commonly used by javascript applications web apps as well as HTML5 players to request your video content.



          The decision of the browser, if it blocks this request or not, depends on additional headers which are returned by the server the XHR request is sent to (Cloudfront and/or your S3 bucket in this case). If the CORS configuration whitelists the domain the request is coming from, the browser will allow this request.







          share|improve this answer












          share|improve this answer



          share|improve this answer










          answered Nov 8 at 17:20









          Gernot

          611




          611











          • Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
            – Ali Farhoudi
            Nov 9 at 18:35










          • @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
            – Gernot
            Nov 13 at 17:45










          • Thanks, I'll check it out.
            – Ali Farhoudi
            Nov 14 at 6:01
















          • Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
            – Ali Farhoudi
            Nov 9 at 18:35










          • @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
            – Gernot
            Nov 13 at 17:45










          • Thanks, I'll check it out.
            – Ali Farhoudi
            Nov 14 at 6:01















          Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
          – Ali Farhoudi
          Nov 9 at 18:35




          Thank you @Gernot. But both my assets (video file) and website are in the same domain (project.test). There shouldn't be any need to allow CORS headers.
          – Ali Farhoudi
          Nov 9 at 18:35












          @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
          – Gernot
          Nov 13 at 17:45




          @AliFarhoudi You still have to deal with CORS if you use a domain different to localhost, as the browser is enforcing that CORS policy.
          – Gernot
          Nov 13 at 17:45












          Thanks, I'll check it out.
          – Ali Farhoudi
          Nov 14 at 6:01




          Thanks, I'll check it out.
          – Ali Farhoudi
          Nov 14 at 6:01

















           

          draft saved


          draft discarded















































           


          draft saved


          draft discarded














          StackExchange.ready(
          function ()
          StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53018629%2fdash-video-is-not-playing-on-virtual-host%23new-answer', 'question_page');

          );

          Post as a guest















          Required, but never shown





















































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown

































          Required, but never shown














          Required, but never shown












          Required, but never shown







          Required, but never shown







          Popular posts from this blog

          𛂒𛀶,𛀽𛀑𛂀𛃧𛂓𛀙𛃆𛃑𛃷𛂟𛁡𛀢𛀟𛁤𛂽𛁕𛁪𛂟𛂯,𛁞𛂧𛀴𛁄𛁠𛁼𛂿𛀤 𛂘,𛁺𛂾𛃭𛃭𛃵𛀺,𛂣𛃍𛂖𛃶 𛀸𛃀𛂖𛁶𛁏𛁚 𛂢𛂞 𛁰𛂆𛀔,𛁸𛀽𛁓𛃋𛂇𛃧𛀧𛃣𛂐𛃇,𛂂𛃻𛃲𛁬𛃞𛀧𛃃𛀅 𛂭𛁠𛁡𛃇𛀷𛃓𛁥,𛁙𛁘𛁞𛃸𛁸𛃣𛁜,𛂛,𛃿,𛁯𛂘𛂌𛃛𛁱𛃌𛂈𛂇 𛁊𛃲,𛀕𛃴𛀜 𛀶𛂆𛀶𛃟𛂉𛀣,𛂐𛁞𛁾 𛁷𛂑𛁳𛂯𛀬𛃅,𛃶𛁼

          Edmonton

          Crossroads (UK TV series)