Interactive Video - sound only, no video

I am using H5P in Moodle, on Apache, on two different hosts: (1) BlueHost and (2) GoDaddy.  Interactive Video does not show the video in the editor or in the displayed activity. I've been trying for several days to figure out if the problem is on the server or browser. It seems to be server related, as the problem exists in Chrome and IE. 

I'm using Moodle 3.6 and 3.8 respectively.

Below is the content of my .htaccess file

Here's my .htaccess file:

# BEGIN cPanel-generated php ini directives, do not edit

# Manual editing of this file may result in unexpected behavior.

# To make changes to this file, use the cPanel MultiPHP INI Editor (Home >> Software >> MultiPHP INI Editor)

# For more information, read our documentation (https://go.cpanel.net/EA4ModifyINI)

SetEnvIfNoCase Request_URI ^ / thumb.php no-gzip -vary

<IfModule php5_module>

   php_flag asp_tags Off

   php_flag display_errors Off

   php_value max_execution_time 30

   php_value max_input_time 600

   php_value max_input_vars 1000

   php_value memory_limit 128M

   php_value post_max_size 2G

   php_value session.gc_maxlifetime 1440

   php_value session.save_path "/var/cpanel/php/sessions/ea-php56"

   php_value upload_max_filesize 2G

   php_flag zlib.output_compression Off

</IfModule>

<IfModule php7_module>

   php_flag asp_tags Off

   php_flag display_errors Off

   php_value max_execution_time 30

   php_value max_input_time 600

   php_value max_input_vars 1000

   php_value memory_limit 128M

   php_value post_max_size 2G

   php_value session.gc_maxlifetime 1440

   php_value session.save_path "/var/cpanel/php/sessions/ea-php71"

   php_value upload_max_filesize 2G

   php_flag zlib.output_compression Off

</IfModule>

<IfModule lsapi_module>

   php_flag asp_tags Off

   php_flag display_errors Off

   php_value max_execution_time 30

   php_value max_input_time 600

   php_value max_input_vars 1000

   php_value memory_limit 128M

   php_value post_max_size 2G

   php_value session.gc_maxlifetime 1440

   php_value session.save_path "/var/cpanel/php/sessions/ea-php56"

   php_value upload_max_filesize 2G

   php_flag zlib.output_compression Off

</IfModule>

<IfModule mod_mime.c>

 

# DEFAULTS

DefaultLanguage en

AddLanguage en-US .html .css .js

AddCharset utf-8 .html .css .js .xml .json .rss .atom

 

# JAVASCRIPT

AddType application/javascript js jsonp

AddType application/json json

 

# FONTS

AddType font/opentype otf

AddType application/font-woff woff

AddType application/x-font-woff woff

AddType application/vnd.ms-fontobject eot

AddType application/x-font-ttf ttc ttf

AddType image/svg+xml svg svgz

AddEncoding gzip svgz

 

# AUDIO

AddType audio/mp4 m4a f4a f4b

AddType audio/ogg oga ogg

 

# VIDEO

AddType video/mp4 mp4 m4v f4v f4p

AddType video/ogg ogv

AddType video/webm webm

AddType video/x-flv flv

 

# OTHERS

AddType application/octet-stream safariextz

AddType application/x-chrome-extension crx

AddType application/x-opera-extension oex

AddType application/x-shockwave-flash swf

AddType application/x-web-app-manifest+json webapp

AddType application/x-xpinstall xpi

AddType application/xml atom rdf rss xml

AddType application/vnd.openxmlformats .docx .pptx .xlsx .xltx . xltm .dotx .potx .ppsx

AddType text/cache-manifest appcache manifest

AddType text/vtt vtt

AddType text/x-component htc

AddType text/x-vcard vcf

AddType image/webp webp

AddType image/x-icon ico

 

</IfModule>

 

# END cPanel-generated php ini directives, do not edit

<IfModule mod_deflate.c>

    SetOutputFilter DEFLATE

    <IfModule mod_setenvif.c>

        # Netscape 4.x has some problems...

        BrowserMatch ^Mozilla/4 gzip-only-text/html

 

        # Netscape 4.06-4.08 have some more problems

        BrowserMatch ^Mozilla/4\.0[678] no-gzip

 

        # MSIE masquerades as Netscape, but it is fine

        # BrowserMatch \bMSIE !no-gzip !gzip-only-text/html

 

        # NOTE: Due to a bug in mod_setenvif up to Apache 2.0.48

        # the above regex won't work. You can use the following

        # workaround to get the desired effect:

        BrowserMatch \bMSI[E] !no-gzip !gzip-only-text/html

 

        # Don't compress images

        SetEnvIfNoCase Request_URI .(?:gif|jpe?g|png)$ no-gzip dont-vary

    </IfModule>

 

    <IfModule mod_headers.c>

        # Make sure proxies don't deliver the wrong content

        Header append Vary User-Agent env=!dont-vary

        Header set Access-Control-Allow-Origin "*"

    </IfModule>

</IfModule>

 

BV52's picture

In order to give your bug report the best chance of getting answered, please include the following information:

  1. Detailed steps to reproduce the bug (exactly how and when did it happen)
  2. Platform and version number. Moodle Versions 3.6 and 3.8
  3. Mobile or Desktop
  4. Browser: Chrome and IE (versions would help)
  5. H5P plugin version
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P.
  7. Any browser console errors
  8. Any PHP errors
  9. Screenshots if it's a visual problem
  10. Have you tried using a different video? If not please try a different one as this could possibly be an issue specific to the file

If it worked before:

  1. Any recent changes to the environment (new plugins/modules, updates, configuration changes etc.)
  2. Any recent changes to the browser you're using (new extensions, updates etc.)

The more information you provide, the quicker the community will be able to fix it and the quicker you'll have a working solution!

-BV

  1. Detailed steps to reproduce the bug (exactly how and when did it happen) (1) H5P worked in shared hosting site with small videos, client needs to be able to use large videos. (2) moved from shared host to Dedicated Server on GoDaddy (3) Installed Moodle 3.6 with the Installatron in GoDaddy. (4) Did the back-up/restore of Moodle from old server to new server (5) H5P was available on new installation of Moodle from restore. (6) Able to upload large files now (7) no H5P videos work in new installation. (8) upgraded to Moodle 3.8 still no videos work.
  2. Platform and version number. Moodle Version 3.8
  3. Desktop
  4. Browser: Chrome 79.0.3945.79 and IE (both)
  5. H5P plugin version 1.20.1 2019111300
  6. H5P content type and version (if a content type was used), and a sample URL or attached H5P. Interactive Video
  7. Any browser console errors
  8. Any PHP errors
  9. Screenshots if it's a visual problem ( just black screen and no control buttons, audio works)
  10. Have you tried using a different vide
otacke's picture

Hi Robbie!

7 and 8 would really be the most interesting bits of information. Are there any error messages in the JavaScript dev console (ever pressed F12?) throughout the whole upload process? Are there any errors your PHP error log that could point to bad max_upload_size settings or something similar?

Best,

Oliver 

Oliver,

Thanks for your help.

No aparent php errors, here's the text from the js console.

[Violation] Forced reflow while executing JavaScript took 794ms

h5p.js?ver=2019111300:382 [Violation] Avoid using document.write(). https://developers.google.com/web/updates/2016/08/removing-document-write

(anonymous) @ h5p.js?ver=2019111300:382

each @ jquery.js?ver=2019111300:2

each @ jquery.js?ver=2019111300:2

H5P.init @ h5p.js?ver=2019111300:379

(anonymous) @ h5p.js?ver=2019111300:2821

c @ jquery.js?ver=2019111300:2

fireWith @ jquery.js?ver=2019111300:2

ready @ jquery.js?ver=2019111300:2

H @ jquery.js?ver=2019111300:2

jquery.js?ver=2019111300:2 [Violation] 'DOMContentLoaded' handler took 309ms

yui_combo.php?rollup/3.17.2/yui-moodlesimple.js:5828 moodle-core-event: Global event published: FORM_ERROR

yui_combo.php?rollup/3.17.2/yui-moodlesimple.js:5828 moodle-core-event: Global event published: BLOCK_CONTENT_UPDATED

jquery.js?ver=2019111300:4 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://spencer-she.org/moodle/mod/hvp/library/fonts/h5p-core-23.ttf?mz1lkp

jquery.js?ver=2019111300:4 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://spencer-she.org/moodle/pluginfile.php/1/mod_hvp/libraries/FontAw...

jquery.js?ver=2019111300:2 [Violation] 'DOMContentLoaded' handler took 446ms

[Violation] Forced reflow while executing JavaScript took 166ms

require.js:137 [Violation] 'load' handler took 152ms

8[Violation] 'setTimeout' handler took <N>ms

jquery-3.2.1.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

add @ jquery-3.2.1.min.js:1

(anonymous) @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

ya @ jquery-3.2.1.min.js:1

on @ jquery-3.2.1.min.js:1

u @ first.js:34

(anonymous) @ first.js:34

each @ jquery-3.2.1.min.js:1

z @ first.js:34

k.registerEventListeners @ first.js:151

(anonymous) @ view.php?id=2:772

execCb @ require.js:137

check @ require.js:83

enable @ require.js:101

init @ require.js:81

(anonymous) @ require.js:124

jquery-3.2.1.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

add @ jquery-3.2.1.min.js:1

(anonymous) @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

ya @ jquery-3.2.1.min.js:1

on @ jquery-3.2.1.min.js:1

u @ first.js:34

(anonymous) @ first.js:34

each @ jquery-3.2.1.min.js:1

z @ first.js:34

l.registerEventListeners @ first.js:152

(anonymous) @ view.php?id=2:780

execCb @ require.js:137

check @ require.js:83

enable @ require.js:101

init @ require.js:81

(anonymous) @ require.js:124

jquery-3.2.1.min.js:1 [Violation] Added non-passive event listener to a scroll-blocking 'mousewheel' event. Consider marking event handler as 'passive' to make the page more responsive. See https://www.chromestatus.com/feature/5745543795965952

add @ jquery-3.2.1.min.js:1

(anonymous) @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

ya @ jquery-3.2.1.min.js:1

on @ jquery-3.2.1.min.js:1

(anonymous) @ first.js:246

each @ jquery-3.2.1.min.js:1

each @ jquery-3.2.1.min.js:1

e @ first.js:246

init @ first.js:246

(anonymous) @ view.php?id=2:801

execCb @ require.js:137

check @ require.js:83

enable @ require.js:101

init @ require.js:81

(anonymous) @ require.js:124

jquery.js?ver=2019111300:4 [Intervention] Slow network is detected. See https://www.chromestatus.com/feature/5636954674692096 for more details. Fallback font will be used while loading: https://spencer-she.org/moodle/pluginfile.php/1/mod_hvp/libraries/H5P.In...

e3f34678a3d62cafe090f7d1baa52546d693672f.js:8862 [Violation] 'loadedmetadata' handler took 487ms

[Violation] Forced reflow while executing JavaScript took 130ms

[Violation] Forced reflow while executing JavaScript took 77ms