GithubHelp home page GithubHelp logo

stephen-cloete / apex-plugin-videoplayer Goto Github PK

View Code? Open in Web Editor NEW

This project forked from dani3lsun/apex-plugin-videoplayer

0.0 2.0 0.0 3.13 MB

Oracle APEX Region Plugin - Video Player

License: MIT License

JavaScript 20.86% CSS 1.24% SQLPL 77.53% PLSQL 0.36%

apex-plugin-videoplayer's Introduction

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 People

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.