Skip navigation
Diircee
Diircee
Currently Being Moderated

Video - HTML5

Aug 23, 2012 11:34 AM

Tags: #dps #articles #html5 #digital_publishing_suite

Hi

I'm doing a Folio, and is one of the articles in HTML5, the article contains videos.
In version 22 videos in HTML5 with vertical orientation, is in full screen when you turn the tablet horizontally. I did and am testing but when I turn the iPad in horizontal the video not turn. Someone is also having this problem?

Does anyone know the solution?

Thank you

818 Views   8 Replies   Latest reply: Diircee, Aug 24, 2012 3:31 PM
 
Replies
  • Bob Bringhurst
    3,436 posts
    May 29, 2007
    Currently Being Moderated
    1. Bob Bringhurst,
    Aug 23, 2012 1:26 PM   in reply to Diircee
    Report

    Here's some info about using HTML videos in v22:

     

    Allowing videos in HTML articles to behave like full-screen video overlays

    When you create a single-orientation HTML article with an embedded video, rotating the device can cause the video to rotate as well. In addition, when the video is finished playing, the in-app browser playing the video can be dismissed. To enable this behavior, use a “videofile://” in your HTML video link.

    Standard video behavior 
    With this example, the video plays within an in-app browser and does not rotate in a single-orientation folio.
    <a href="../HTMLResources/videos/video.mp4"></a>

     

    Enhanced video behavior 
    With this example, the video rotates properly in a single-orientation folio and returns to the article when the video finishes.
    <a href="videofile://../HTMLResources/videos/video.mp4"></a>

     

    JavaScript 
    You can also trigger this behavior via JavaScript using the playFullscreenVideo function on the window object.

     

    <a onclick="window.playFullscreenVideo('../HTMLResources/videos/video.mp4');"></a>
    Streaming video 
    This example plays a streaming video.
    <a href="videohttp://www.mysite.com/video.mp4"></a>

     

     
    |
    Mark as:
  • Diircee
    Currently Being Moderated
    2. Diircee,
    Aug 24, 2012 4:27 AM   in reply to Bob Bringhurst
    Report

    Hi Bob,

     

    What I can not understand how this is going to be in code, as in to put HTML5 video would look like this:

     

     

    <video width="406" height="224" controls="controls">

             <source src="Links/video.mp4" type="video/mp4" />

             </ video>

     

     

    How do I put the code

    <a href="videofile://../HTMLResources/videos/video.mp4"> </ a>

    HTML5. This is my biggest trouble, you know?

     

     

    Thanks for the answer

     
    |
    Mark as:
  • Bob Bringhurst
    3,436 posts
    May 29, 2007
    Currently Being Moderated
    3. Bob Bringhurst,
    Aug 24, 2012 7:16 AM   in reply to Diircee
    Report

    Did you add your video.mp4 file to a videos subfolder and then import the HTMLReaources.zip file?

     
    |
    Mark as:
  • Diircee
    Currently Being Moderated
    4. Diircee,
    Aug 24, 2012 7:24 AM   in reply to Bob Bringhurst
    Report

    Hi Bob,

     

    I'm doing the test without publication by InDesign >> view the Ipad.

     

     

    I created folders for the folio the video is inside folder. Article 3 Links >>

     

     

    Will's a problem because it is not published?

     

     

    or something in the code because the moment is so

     

     

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

       <source src="file:Links/video.mp4" type="video/mp4">

         </ video>

     

     

    I still can not understand where to put the link you gave me <a ...>

     
    |
    Mark as:
  • Bob Bringhurst
    3,436 posts
    May 29, 2007
    Currently Being Moderated
    5. Bob Bringhurst,
    Aug 24, 2012 7:27 AM   in reply to Diircee
    Report

    I'll get back to you later today.

     
    |
    Mark as:
  • Diircee
    Currently Being Moderated
    6. Diircee,
    Aug 24, 2012 7:29 AM   in reply to Bob Bringhurst
    Report

    Thanks Bob, You answer by the forum?

     
    |
    Mark as:
  • Bob Bringhurst
    3,436 posts
    May 29, 2007
    Currently Being Moderated
    7. Bob Bringhurst,
    Aug 24, 2012 11:20 AM   in reply to Diircee
    Report

    Please see my response to the other thread. You're trying to create this rotation effect with an inline video, which isn't supported.

     
    |
    Mark as:
  • Diircee
    Currently Being Moderated
    8. Diircee,
    Aug 24, 2012 3:31 PM   in reply to Bob Bringhurst
    Report

    I put the code

     

     

    <video src="videofile:// ... video.mp4">

    and also put <a> with both tags is not even display the video on the Tablet. The Shape I'm placing the code is wrong?

     

    Thanks

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points