Announcement

Collapse
No announcement yet.

Replace Embedded Flash Videos with HTML5 Videos

Collapse
X
  • Filter
  • Time
  • Show
Clear All
new posts

  • [Official - Free] Replace Embedded Flash Videos with HTML5 Videos

    With Flash being blocked by default in Chrome, vB5's way of embedding video has to keep up with the times. Currently vB5.3.0 is still using Flash when embedding videos for Vimeo, DailyMotion, Metacafe, Hulu, and Google. The last two actually need to be removed as Hulu (like Netflix) is a paid service so sharing a Hulu video will not work and Google Video no longer exists for obvious reason.

    Someone had posted a question in vB support forum saying non-youtube videos don't work in vB5. A support staff confirmed the issue and created a JIRA bug report. I investigated the issue and found out that the issue was due to the usage of Flash in most of the supported video providers.

    We don't know when vB will fix this issue so if you can't wait, I went ahead and implemented a temporary solution by editing the bbcode_video template. See code below, the code in red should be added while the code in gray is no longer needed and commented out using <vb:comment></vb:comment> tags in order to be ignored by the parser. I chose to comment them out instead of totally removing from the template to minimize complex template merge conflicts whenever you upgrade.

    Code:
    You need to be logged in to view the code. Login or Register now!
    While I was at it, I also added allowfullscreen attributes to YouTube and Facebook videos. This was missing in the iframe tag which prevented the videos to be maximized to fullscreen.

    NOTE: Since this is a template edit, your changes might result in loss or template merge conflicts whenever you perform an upgrade. You would need to restore or resolve the conflicts to make sure the above changes are intact after an upgrade.


  • #2
    Sample Vimeo video using the modified template:

     

    Comment


    • #3
      Sample DailyMotion video using the modified template:
       

      Comment


      • #4
        Hi,
        This article was very helpful thank you so much

        Regards
        samiksha.c
        Last edited by glennrocksvb; 07-26-2017, 11:37 AM.

        Comment

        Working...
        X