Uploaded image for project: 'Moodle'
  1. Moodle
  2. MDL-59040

Video.JS Not Interpreting Widths Correctly

    XMLWordPrintable

    Details

    • Type: Bug
    • Status: Open
    • Priority: Minor
    • Resolution: Unresolved
    • Affects Version/s: 3.2.2
    • Fix Version/s: None
    • Component/s: Filters
    • Labels:
      None
    • Affected Branches:
      MOODLE_32_STABLE

      Description

      When using the width=100% attribute for the HTML video tag, Video.JS is interpreting 100% to be 100px (validated by changing to 50% and seeing 50px). See example code below: 

      <div class="page_header">Course Introduction</div>
      <div class="page_container">
      <div class="content_container">
      <center>
      <div class="video_frame">
      <video tabindex="0" controls="controls" poster="someurl/video_poster.png" width="100%">
      <source src="someurl/course-introduction-update.mp4" type="video/mp4">
      Your browser does not support the video tag.
      </video>
      </div>
      <p></p>
      <div style="text-align: center;"><span style="font-size: small;" size="2">This video is streaming and may take a moment to load.</span>
      </div>
      </center>
      </div>
      </div>
      

       

       

        Attachments

          Activity

            People

            • Assignee:
              Unassigned
              Reporter:
              cmartintlh Chase
              Participants:
              Component watchers:
              Jake Dallimore, Jun Pataleta
            • Votes:
              2 Vote for this issue
              Watchers:
              3 Start watching this issue

              Dates

              • Created:
                Updated: