Instagram - not playing | Community
Skip to main content
royh70849153
royh70849153
Level 3
December 10, 2015
Solved

Instagram - not playing

  • December 10, 2015
  • 3 replies
  • 2055 views

All,

Has anyone had any success getting Instagram videos to play w/in dps2015 on IOS devices? 

i've tried both embedding it, as we do with Youtube and Vine content, and using a Banner with a direct link.  Both options show up normally but when you click the play button, the image changes (removes the play icon) and then just sits there.

They play just fine in Safari.

Thank you for your time,

r

    This post is no longer active and is closed to new replies. Need help? Start a new post to ask your question.
    Best answer by AndreiP

    Hi Roy,

    I've embedded an Instagram video and here are the steps that worked for me :

    Solution 1:

    1) Right click on the video, then select " Inspect Element" ;

    2) Look for a part that starts as 'div class' and below it is the element "video class" ;

    3) Copy the src section, which should be a link with a mp4 extension at the end ;

    4) Put that link in the on website  Video For Everybody Generator‌  and copy the code ;

    5) Create a index.html file with that code, transform it in a .article, upload the file and see it on your device.

    You can use my file, attached, and just change the URL of your video (skipping step 3).

    Solution 2:

    Use the following  code :

    <!DOCTYPE html>

    <html lang="en">

      <head>

        <meta charset="utf-8">

        <title>Video Embed Test Instragram</title>

      </head>

      <body>

        <video width="480" height="480" controls>

        <source src="put_your_url.mp4"

          type="video/mp4"/>

        </video>

      </body>

    </html>

    create the index.html file, transform it in an .article and enjoy the video

    Hope this useful,


    Cheers,

    Andrei

    3 replies

    royh70849153
    royh70849153Author
    Level 3
    December 15, 2015

    Is anybody else embedding videos?

    A
    Adobe Employee
    AndreiPAdobe EmployeeAccepted solution
    Adobe Employee
    December 17, 2015

    Hi Roy,

    I've embedded an Instagram video and here are the steps that worked for me :

    Solution 1:

    1) Right click on the video, then select " Inspect Element" ;

    2) Look for a part that starts as 'div class' and below it is the element "video class" ;

    3) Copy the src section, which should be a link with a mp4 extension at the end ;

    4) Put that link in the on website  Video For Everybody Generator‌  and copy the code ;

    5) Create a index.html file with that code, transform it in a .article, upload the file and see it on your device.

    You can use my file, attached, and just change the URL of your video (skipping step 3).

    Solution 2:

    Use the following  code :

    <!DOCTYPE html>

    <html lang="en">

      <head>

        <meta charset="utf-8">

        <title>Video Embed Test Instragram</title>

      </head>

      <body>

        <video width="480" height="480" controls>

        <source src="put_your_url.mp4"

          type="video/mp4"/>

        </video>

      </body>

    </html>

    create the index.html file, transform it in an .article and enjoy the video

    Hope this useful,


    Cheers,

    Andrei

      royh70849153
      royh70849153Author
      Level 3
      December 17, 2015
      Andrei Paraschiv


      thanks so much!  that worked great

      Terms & ConditionsAccessibility statement

      Loading footer...