WordPress.org

Forums

MediaElement.js - HTML5 Video & Audio Player
Add multiple video sources? (3 posts)

  1. PDidee
    Member
    Posted 2 years ago #

    Is it possible to add multiple video sources such as an additional mp4 that is reduced in size for mobile playback along with a full res mp4 for desktops? I'd like to be able to add more than one of each type and maybe even .mov files as well. I've tried to manipulate the php to add the .mov codec however the html build seems to just add only the 3 sources.

    http://wordpress.org/extend/plugins/media-element-html5-video-and-audio-player/

  2. PDidee
    Member
    Posted 2 years ago #

    Okay so I figured out how to add multiple video sources such as multiple Mp4's my goal was to have the code target a mobile device. However the the mobile version needs to be listed first. This causes an issue with the desktop version of safari since it will only play the low res 640x480 version. If I reverse the order the high res version plays on safari but nothing plays on the iPhone. I even relabeled the videos like below:

    <source src="file.1280x720.mainprofile.mp4">
    <source src="file.640x480.baselineprofile.mp4">

    Has anyone come up with a solution for this?

    Thanks in advance.

  3. PDidee
    Member
    Posted 2 years ago #

    Has anyone found a solution to this? If I strip away the player class the files work but I loose support on IE and the flash fallback.

Topic Closed

This topic has been closed to new replies.

About this Plugin

  • MediaElement.js - HTML5 Video & Audio Player
  • Frequently Asked Questions
  • Support Threads
  • Reviews

About this Topic

Tags

No tags yet.