MP4 files do not play in Safari using the multimedia macro

Summary

MP4 files do not play in Safari

Environment

• Safari
• El Capitan / Yosemite

Steps to Reproduce

1. Download the small.mp4 file attached to this ticket
2. Drag and drop the file to a Confluence page
3. View the page in Safari

Expected Results

Video autoplays and can be viewed/controlled

Actual Results

No video is displayed, but you get a Quicktime ? icon in the page

Notes

We've tried following the workaround in the following page to ensure that the Quicktime plugin is enabled (in El Capitan it is disabled by default): https://support.apple.com/en-us/HT205081

From the article above:

If you're a web developer, update your webpages to replace any <embed> tags that call the legacy QuickTime 7 web plug-in. You should now use the HTML5 <video> tag, which allows your media to play back in most modern desktop and mobile web browsers, without additional software or plug-ins. Information about how to use this tag is widely available.

We would need to change the plugin so that it embeds videos using the <video> tag on pages. This would help as modern browsers are able to play this natively without the use of plugins.

Workarounds

1. Edit the HTML source and change the <embed></embed> tags surrounding the video URL to <video></video> tags.
2. Use the HTML macro to display the video from a URL:

   <video width="700" height="500" controls>
     <source src="<video URL>">
   </video>