dani3lsun / apex-plugin-videoplayer

Oracle APEX Region Plugin - Video Player

Oracle APEX Region Plugin - Video Player

HTML5 Video Player. Region Plugin using OpenSource JS framework "video.js" to display HTML5 videos.

video.js (https://github.com/videojs/video.js)

Changelog

####1.0.0 - Initial Release

Install

• Import plugin file "region_type_plugin_de_danielh_videoplayer" from source directory into your application
• (Optional) Deploy the CSS/JS files from "server" directory on your webserver and change the "File Prefix" to webservers folder.

Plugin Settings

The plugin settings are highly customizable and you can change:

• Width - Width of video player in pixels
• Height - Height of video player in pixels
• Show controls - Whether or not the player has controls that the user can interact with. Without controls the only way to start the video playing is with the autoplay attribute
• Autoplay - If autoplay is true, the video will start playing as soon as page is loaded (without any interaction from the user). NOT SUPPORTED BY APPLE iOS DEVICES!
• Loop - The loop attribute causes the video to start over as soon as it ends
• Preload - The preload attribute informs the browser whether or not the video data should begin downloading as soon as the video tag is loaded. The options are auto, metadata, and none
• Style - Default style of the video player (Default & Big Play Button centered)
• No Javascript message - Message that should be displayed if the browser doesn´t support javascript videos
• Language - Default language of video player
• Video URL Column - Column of SQL query which contains the video URL path
• Poster Image URL Column - Column of SQL query which contains the poster URL path to an preview image file
• Mime Type Column - Column of SQL query which contains the mime type of the video file
• Alt. Video URL Column - Column of SQL query which contains the alternative video URL path
• Alt. Mime Type Column - Column of SQL query which contains the alternative mime type of the video file
• Logging - Whether to log events in the console

Plugin Events

• APEX Video ended - DA event to do things when a video ends

Example SQL Query:

SELECT video_url (VARCHAR2),
       poster_url (VARCHAR2),
       mime_type (VARCHAR2),
       alternative_video_url (VARCHAR2), (optional)
       alternative_mime_type (VARCHAR2), (optional)
FROM videos

SELECT '/web/path/to/my/video.mp4' AS video_url,
       '/web/path/to/my/poster.png' AS poster_url,
       'video/mp4' AS mime_type,
       '/web/path/to/my/video.webm' AS alternative_video_url,
       'video/webm' AS alternative_mime_type
FROM dual

Demo Application

https://apex.oracle.com/pls/apex/f?p=APEXPLUGIN

Preview

apex-plugin-videoplayer's Issues

no compatible source was found for this video while running in apex 5.0

Expected behavior

Actual behavior

Steps to reproduce the issue

APEX version (4.2.6 / 5.0.3)

Used web server / version and platform (ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64)

Used web browser / version and platform (Chrome 48 Mac / Firefox 44 Windows)

Error playing video on iOS devices

Expected behavior

Show the video.

Actual behavior

Steps to reproduce the issue

Get the same error on any iOS device. It works on PC and Andriod devices.
File format is mp4. If I mail the video to the iOS device it can play it. But not via the plugin.

APEX version (4.2.6 / 5.0.3)

18.1

Used web server / version and platform (ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64)

Latest Tomcat

Used web browser / version and platform (Chrome 48 Mac / Firefox 44 Windows)

All browsers on iOS

Media could not be loaded

Hi!

I am getting below issue when I tried to use the plugin

Below is the query which I have used. Please suggest

select
'C:\Users\uditn\Desktop\TEST.mp4' AS video_url,
'C:\Users\uditn\Desktop\Photo.jpg' AS poster_url ,
'video/mp4' AS mime_type
from DUAL

unable to play hls video

Hello Dani3ISun,
I think You are going well. I have this issue to play HLS video using your apex plugin.
videojs supported HLS video.. you didn't include type="application/x-mpegURL" in your plugin.
So, please suggest me, how can i play hls video using your plugin.
-->source src="http://localhost:8080/hls/stream1.m3u8" type="application/x-mpegURL"

Blob Source

hello,
is there a way to make the plugin work with a blob source table ?

regards
jm

Track progress

Expected behavior

Is it possible to add a tracking event to the plugin? Similar that what is defined on https://www.urbaninsight.com/article/tracking-progress-embedded-vimeo-videos so that we can monitor how much of a video was actually played

Actual behavior

n/a

Steps to reproduce the issue

n/a

APEX version (4.2.6 / 5.0.3)

Application Express 19.1.0.00.15

Used web server / version and platform (ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64)

ORDS 3.0.3 / Tomcat 7 / Apache 2.4 / Linux x64

Used web browser / version and platform (Chrome 48 Mac / Firefox 44 Windows)

Chrome