Video player for web solutions editors: post your media files on your websites with ease
Login FR EN






* Les champs indiqués par une étoile rouge sont obligatoires
icon

Download free version of the video player Pause

Your opinion



* Les champs indiqués par une étoile rouge sont obligatoires

Documentation

Your private area

The customer account

Each client has a private area. This area provides access to subscription information and tools to download and use products.
The interface is open to two profiles:
  • Administrator account: You are the owner, you manage your subscriptions, your bills and have access to all the managerial features without any limitation on the domains. With a multi-domain subscription, you can delegate product management by domain to managers.
  • Account Manager: The owner of the subscription wished to give you a single access for the management of your website. Features are limited to using the products on your website.
All accounts provide access to documentation, configuration wizard and product downloads.

Login to the private area

Dès votre premier achat sur le site, vous recevez des identifiants de connexion à votre compte Administrateur.
Le propriétaire de l'abonnement a pu également vous fournir un accès limité en tant que Gestionnaire.
L'espace privé est accessible via le formulaire de connexion visible en pages publiques du site officiel du lecteur Pause : https://pause-player.com.

Configuring Domains

Subscription offers are adapted to the number of video player usage targets:
  • Subscription for 1 domain allows you to install the Pause video player on one website.
  • If you manage multiple sites or multiple subdomains, a multi-domain offer will be more appropriate.
Each downloaded version of the Pause video player contains a custom license, which restricts the use of the software to client domains. Domain editing is required to unblock video player download.

What is a domain name?

The domain name is the address of the website on which you want to install the Pause video player.

Domain name levels:
Example with the address of the site http://www.aquitaine.ecologie.gouv.fr:
  • http: communication protocol that is not part of the domain name
  • www: subdomain
  • aquitaine: 4th level domain name
  • ecology: 3rd level domain name
  • gouv: Second Level Domain Name
  • fr: Top Level Domain name

How to define domains?

Only an Administrator profile can edit the domain names: the list is available from the "Domains" entry in the main menu of the private area.
The domain name is the target address of the Pause video player.
In the case of a multi-domain subscription offer, you can install the products on multiple websites. Sometimes a single website has multiple access addresses, in which case all domains or subdomains must be filled in.

Examples:
  • Your website is accessible at http://[www.]acheter.com: you only enter "acheter.com" as a domain name. The "www" subdomain is managed automatically by the license checking system: if your website is accessible with or without the "www" prefix, you have only one domain to fill in.
  • Your website is accessible at http://actualites.fr with important editorial content divided into several subdomains france.actualites.fr, region.actualites.fr, monde.actualites.fr: you must to inform the 4 previous domains: actualites.fr, france.actualites.fr, region.actualites.fr, monde.actualites.fr.

Configuring Managers

Any Administrator profile can create Manager accounts to restrict private access to technical features ; Customer information, subscriptions and invoices are reserved for the administration. If you are the manager of a company, you may wish to create a manager account for your webmaster. If you are a supplier of our video product or website publisher, you have chosen a multi-domain subscription offer that comes with centralized domain administration. You can create Manager accounts for your clients.

Creating an Account Manager:
Only an Administrator profile can delegate the management of the video player to Managers: the list of managers is available from the "Managers" entry of the main menu of the private area.
A Manager account is an access account to the private area, the following information must be filled in:
  • Name and surname
  • Email
  • Login ID and password: The ID can be the email address.
  • Domains managed by this user: check the domains of websites that can be managed by the user.

Product Downloads

To facilitate its installation, the video player is provided in the form of a ZIP archive to be decompressed in a directory of the Web server that hosts the site. Two versions are available:
  • Developers version: the license contained with the video player only allows installation on domains 127.0.0.1 and localhost, it is valid for 3 months from the download. This version is intended for the development phase of a website or for demonstrations.
  • Server version: The license of the video player takes account of the subscriptions and domain names configured by the Administrator, this version is intended for an installation in production.

Available tools

  • Configuration Builder: for people without HTML/Javascript knowledge, a step-by-step quiz is available in the private area to generate the code to be integrated into the Web page. For a simplified installation, prefer the configuration generator available in your private area.
  • Clear installation and configuration documentation. New user, discover the potential of the product Pause by browsing the online documentation.
    For experienced developers, the control of the product will allow to realize customizations corresponding to the graphic requirements of your projects.

Support

Support and maintenance:
During the subscription period the customer benefits from a corrective and evolutionary maintenance of the products.
Customers can make their requests via the contact form, our support department will process any tickets.
Note: Phone support is not active. Our structure does not allow the installation of a telephone hotline at the moment.
Access to contact form.
Suggestions:
We are listening to your requests for improvements on our products or our website:
Access to the suggestions form.

Installing the player

Download from the private area the ZIP archive of the Pause video player corresponding to the target domain name of your website. Unpack the archive, it contains a directory named 'PausePlayer' gathering all the files necessary for the video player.
Copy the 'PausePlayer' directory and all the files to the disk space of your website: the directory in the web root to be accessible. Test the installation location:
If the installation is good, the video player must be accessible via the address of your website. Complete this address in a browser (Internet Explorer, Firefox, Chrome, Safari ...):
http[s]://[your-domain-name]/[video player installation path]/PausePlayer/pauseplayer.min.js. Example: http://mysite.fr/libraries/js/PausePlayer/pauseplayer.min.js
If the installation is good, the browser must display the Javascript file.
If you are unable to view the file, check for any error messages that may tell you about the problem:
  • Non-existent file: the address you entered in the browser does not target the location of the video player on the web server.
  • Unauthorized access: check the permissions on the Pause directory and its contents, the user who runs the web service must have rights. A common error comes from uploading files via FTP, so the file owner is the FTP user and not the user of the website.

Test the player:
The license included in the player must be compatible with the domain name on which it is used. In addition, the license must not be expired.
Minimal header to using the player in a web page:
		<html>
		<head>
			<script type="text/javascript" src="[installation path]/PausePlayer/pauseplayer.min.js"></script>
		
You can check the correct installation of the video player with this Javascript code:
This code must be inserted into a web page on your site. If the video player is accessible, the version number will be displayed in a dialog window.
		<html>
		<head>
			<script type="text/javascript" src="[installation path]/PausePlayer/pauseplayer.min.js"></script>
			<script type="text/javascript">
				alert('Pause player version : '+pauseplayer.getVersion());
			</script>

Configuration Wizard

For a simplified configuration, prefer the configuration generator available in your private area (Integration menu).
Fill in the form information and leave the default values for advanced options. Then click on the source code button:
The Javascript code is generated automatically and is ready to be copied into your Web page which will then display the player and your videos:
  • Include the main Javascript file of the player (pauseplayer.min.js) in the header (tag <head>)
  • Verify that the HTML element (tag <div>) that will receive the player is present on the page and is of sufficient size.
  • Add the Javascript code generated by the configuration wizard under the inclusion of the pauseplayer.min.js file in the tag <head>.
Example:
	<html>
	<head>
		<script type="text/javascript" src="PausePlayer/pauseplayer.min.js"></script>
		<script type="text/javascript">
			//Create video player
			pauseplayer.createPlayer("DIVvideoplayer", {
				autoplay: true,
				playlist: [
					{
						file: "videos/Demo-1.mp4",
						title: "Pause Player Demo 1"
					},
					{
						file: "videos/Demo-2.mp4",
						title: "Pause Player Demo 2"
					}
				]
			});
		</script>
	</head>
	<body>
		<div id="DIVvideoplayer" style="width: 400px;height: 225px;"></div>

Advanced Developers

For experienced developers, the control of the product will allow to realize customizations corresponding to the graphic requirements of your projects.
Example:
	<html>
	<head>
		<script type="text/javascript" src="PausePlayer/pauseplayer.min.js"></script>
		<script type="text/javascript">
			//Create video player
			pauseplayer.createPlayer("DIVvideoplayer", {
				autoplay: true,
				playlist: [
					{
						file: "videos/Demo-1.mp4",
						title: "Pause Player Demo 1"
					},
					{
						file: "videos/Demo-2.mp4",
						title: "Pause Player Demo 2"
					}
				]
			});
		</script>
	</head>
	<body>
		<div id="DIVvideoplayer" style="width: 400px;height: 225px;"></div>

The options

activeJSCommunication (function). See option jscommunication.

addToPlaylist (function). See option playlist.

appearmode
Documentation: Determines the mode of appearance of the video player: immediately after pre-loading, or after interaction of the user.
The appearance of the reader removes the startup content (startcontent option).
See the endcontent option for the ending content of the player.
Possible values:
  • default: the video player is displayed immediately (default value).
  • onpreload: the video player only appears after preloading the first video. If there was a startup screen or a play button, they disappear as soon as the video player appears.
  • onplay: the video player only appears after playback starts (use the play button, start playback with Javascript commands (see JS communication).)
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						appearmode: 'onpreload'
					});

autoplay
Documentation: Allows automatic playback of videos.
Note: with mobile phones, such as those running on Apple's iOS system, auto-loading does not activate without user interaction, it is a restriction to save the bandwidth Internet) of the user.
Possible values:
  • true: enables the automatic playback to start when the video player is loaded into the web page.
  • false (default value): disables automatic playback.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						autoplay: true
					});

backgroundcolor
Documentation: Sets a background color for the video player.
By default the background is transparent in order to keep the color of the HTML element of the Web page in which the player is inserted.
A background color can also be set for each video separately.
Possible values:
  • transparent (value by default)
  • HTML color names : coral, gold, lightblue, silver, black, white...
  • HTML color codes : #ffffff, #000000, #4682B4, #FF4500...
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						backgroundcolor: '#585858',
						autoplay: true
					});

controlsdisplaymode
Documentation: Determines how the control panels are displayed.
Possible values:
  • allthetime : control panels remain displayed at all times.
  • disappear (default value) : the control panels disappear after a few seconds without user interaction.
  • never : the control panels never appear. This option allows docking a video in a specific chart by allowing full control via Javascript (see the jscommunication option).
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						controlsdisplaymode: 'disappear',
						autoplay: true
					});

createPlayer (function)
Documentation: Basic function required to add a new video player to the web page, and to communicate the desired configuration.
Possible values: The function contains 2 parameters:
  • Parameter 1: identifier of the HTML element of the video player. Generally, the element is a <div> tag in the Web page. The Javascript object referring to the container can be passed as a value.
  • Parameter 2: structure to detail the desired configuration.
Example of use:
					<script type="text/javascript">
						pauseplayer.createPlayer("DIVvideoplayer", {
							width: '100%',
							height: '380px'
						});
					</script>
					
					<div id="DIVvideoplayer" style="width: 100%;height: 250px;">
						<div class="startcontent" style="width:100%;height:100%;text-align:center;color:blue;font-size: 30px;">
							<span>It is the start content</span>
						</div>
						<div class="endcontent" style="width:100%;height:100%;text-align:center;color:red;font-size: 30px;">
							<span>It is the end content</span>
						</div>
					</div>

debug
Documentation: Enables debugging in the Web browser to check for errors (license problem, video that does not load ...).
Enabling the console in Internet Explorer and Firefox: F12 key.
See the debuglevels option to choose the types of messages returned in the console.
Possible values:
  • true
  • false (default value)
Example of use: Method 1:
					pauseplayer.createPlayer("DIVvideoplayer", {
						debug: true
					});
Method 2:
					pauseplayer.setDebug(true);
Démonstration : debug option
Firefox Browser Debug Console

debuglevels
Documentation: Sets the types of debug messages that will be returned if the debug option is enabled.
Possible values:
  • pauseplayer.DEBUGLEVEL_INFO : display information messages
  • pauseplayer.DEBUGLEVEL_WARN : display warning messages
  • pauseplayer.DEBUGLEVEL_ERROR : display error messages
  • Combination : pauseplayer.DEBUGLEVEL_INFO | pauseplayer.DEBUGLEVEL_WARN | pauseplayer.DEBUGLEVEL_ERROR (value by default)
Example of use: Method 1:
					pauseplayer.createPlayer("DIVvideoplayer", {
						debug: true,
						debuglevels: pauseplayer.DEBUGLEVEL_WARN | pauseplayer.DEBUGLEVEL_ERROR
					});
Method 2:
					pauseplayer.setDebugLevels(pauseplayer.DEBUGLEVEL_WARN | pauseplayer.DEBUGLEVEL_ERROR);
Démonstration : debug option
Firefox Browser Debug Console

disappearmode
Documentation: Sets the mode of disappearance of the video player after the end of the video playback. The disappearance of the video player triggers the display of the end content (see option endcontent).
Possible values:
  • none (default value) : the video player remains present after the videos are played. End content (endcontent option) does not appear.
  • atend : the video player disappears when all videos have been played back.
  • onstop : the video player disappears when playback of the planned videos stops. Also works with Javascript stop (jscommunication option).
  • onpause : the video player disappears when playback is paused or playback of the scheduled videos stops. Also works with Javascript pause (jscommunication option).
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						appearmode: 'onpreload',
						disappearmode: 'atend'
					});

endcontent
Function available in client version only.
Documentation: Sets an ending content that will be displayed when the videos playback stops. The disappearance mode of the video player is set with the disappearmode option.
The playbutton option can be combined to display a play button above the ending content and restart playback.
See startcontent for the startup content of the player.
Possible values: The endcontent option is a structure that defines values ​​for the display mode of the content, the URL of the image to be displayed, the background color ...:
  • mode: type of content to display.
    • none: no content.
    • videoimage: the image associated with the video will be used, if not defined the application will attempt a screenshot of the current video.
    • webimage: the image defined by the 'image' property will be used.
    • html: an HTML element of the page will be displayed. This is an element (<div>) with the 'endcontent' class created by the developer inside the container element of the video player. Replacing an image, the HTML element allows unique realizations in HTML and CSS.
  • image: path of the image if the 'webimage' mode is selected.
  • displaymode: display mode of the image in the frame of the video container.
    • default: the image is centered and contained within the video container. The proportions (ratio) of the image are preserved. One can distinguish bands of colors surrounding the image to fill the surface.
    • noresize: the image is not resized to retain its original size, it may come out of the boundaries of the player or on the contrary not cover the entire surface.
    • stretch: the image is stretched to cover the entire surface, the ratio of the image are not preserved.
    • cover: the image is enlarged to fully cover the surface, proportions are retained, no color strip appears around it.
  • backgroundcolor: defines a background color that will be visible if the image does not fully cover the surface.
    • transparent (default)
    • HTML color names: coral, gold, lightblue, silver, black, white ...
    • HTML color codes: #ffffff, #000000, #4682B4, #FF4500...
Example of use: Example 1:
					pauseplayer.createPlayer("DIVvideoplayer", {
						endcontent: {
							mode: "webimage",
							image: "http://monsite.com/images/end.jpg",
							displaymode: "cover"
						},
						playbutton: "both",
						autoplay: true,
						playnonstop : true,
						disappearmode: "atend"
					});
Example 2: Display HTML contents at the start and end of video playback:
					<script type="text/javascript">
						pauseplayer.createPlayer("DIVvideoplayer", {
							width: '100%',
							height: '380px',
							startcontent: {
								mode: "html"
							},
							endcontent: {
								mode: "html"
							}
						});
					</script>
					
					<div id="DIVvideoplayer" style="width: 100%;height: 250px;">
						<div class="startcontent" style="width:100%;height:100%;text-align:center;color:blue;font-size: 30px;">
							<span>It is the start content</span>
						</div>
						<div class="endcontent" style="width:100%;height:100%;text-align:center;color:red;font-size: 30px;">
							<span>It is the end content</span>
						</div>
					</div>

height
Documentation: Sets the height of the video player. The value 100% indicates a height equal to that of its HTML element container.
This option goes with width.
Possible values: All units of measure of the Web are recognized, as well as the percentages: px, em, pt, cm, in... Examples: 420px, 120em, 80%
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						width: '100%',
						height: '380px'
					});

jscommunication
Function available in client version only.
Documentation: Enables the activation of video player controls by Javascript. Communication with the video player allows the developer to fully customize the controls in order to respect a specific graphic charter.
The play button display is no longer needed (playbutton option), the controls display can be disabled (controlsdisplaymode = never).
Possible values: The jscommunication option is a structure for specifying the Javascript function that will be called when communication with the video player is activated:
  • callback: Javascript function created by the developer that will be called when communication with the player will be available.
  • waitdom: boolean (true or false). If true, the application waits until the DOM (Document Object Model) is accessed by Javascript before calling the callback function.
When communication with the player is active, the following commands can be used to manually control the player:
  • play: starts playback of the current video.
  • pause: pauses the current video.
  • stop: stop playing and loading the current video.
  • previous: starts playback of the previous video in the list.
  • next: starts playing the next video in the list.
  • volumeUp: increases the volume by 10%.
  • volumeDown: reduces volume by 10%.
  • mute: mutes the currently playing video.
  • toggleMute: switches the sound on/off.
  • deleteVideo: deletes a video from the playlist (index of the video to be specified as the second parameter (the first video has index 0))
  • deleteAll: deletes all videos in the playlist.
  • addToPlaylist: adds a video to the playlist: the second parameter is an object with the information of the video (file, description ...), see the playlist option.
Example of use: Method 1:
					<script type="text/javascript">
						var IDPlayer = pauseplayer.createPlayer("DIVvideoplayer", {
							jscommunication: {
								callback: activeControls,
								waitdom: true
							}
						});
						
						//Function called when JS communication with video player is active
						function activeControls() {
							//Display controls
							if (document.getElementById("player_controls")) {
								document.getElementById("player_controls").style.display = 'block';
							}
						}
					</script>
					<div id="player2_controls" class="hide">
						<a href="#" onclick="pauseplayer.play(IDPlayer);return false;">PLAY</a> 
						<a href="#" onclick="pauseplayer.pause(IDPlayer);return false;">PAUSE</a> 
						<a href="#" onclick="pauseplayer.stop(IDPlayer);return false;">STOP</a> 
						<a href="#" onclick="pauseplayer.previous(IDPlayer);return false;">PREVIOUS</a> 
						<a href="#" onclick="pauseplayer.next(IDPlayer);return false;">NEXT</a> 
						<a href="#" onclick="pauseplayer.volumeUp(IDPlayer);return false;">VOLUME UP</a> 
						<a href="#" onclick="pauseplayer.volumeDown(IDPlayer);return false;">VOLUME DOWN</a> 
						<a href="#" onclick="pauseplayer.toggleMute(IDPlayer);return false;">MUTE</a> 
					</div>
					
Method 2:
					var IDPlayer = pauseplayer.createPlayer("DIVvideoplayer", {
						
					});
					pauseplayer.activeJSCommunication(IDPlayer, activeControls, true);
					
					//Show controls of video player
					function activeControls() {
						if (document.getElementById("player_controls")) {
							document.getElementById("player_controls").className = "show";
						}
					}

language
Documentation: Sets the interface language and debugging messages.
Possible values: The language is detected automatically based on the information returned by the user's browser. However, the language can be forced:
  • fr: French language
  • en: English language
Example of use: Method 1:
					pauseplayer.createPlayer("DIVvideoplayer", {
						language: 'en'
					});
Method 2:
					pauseplayer.setLanguage('en');

looping
Documentation: Enables a looped playback of a video or all videos.
Possible values:
  • all: all videos will be played repeatedly.
  • none (default value): no loops are active.
  • Index of the video to be looped: 0, 1, 2 ... The first video has index 0.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						looping: 'all',
						autoplay: true
					});

mute
Documentation: Allows you to mute video playback (volume zero). To avoid a discomfort for Internet users, disable the sound of the videos that are played automatically (option autoplay).
When user settings are saved (usersettings option), they override the value of the mute option.
See also the volume and usersettings options.
Possible values:
  • true: sound is disabled. A click on the volume bar by the user will reactivate it.
  • false (default value): the sound is active.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						mute: true,
						autoplay: true
					});

playbutton
Documentation: This option displays a play button above the video player or the start and end contents. The button allows you to start or restart the videos.
The button is combined with the start or end images (startcontent and endcontent options).
Possible values:
  • none: the play button is hidden most of the time. Under iOS the button can be activated when a video is suspended: user interaction is required, this protection prevents automatic loading of videos to save the Internet connection.
  • javascript: the play button is always hidden, this mode is used when checking Javascript playback (jscommunication option).
  • both (default value): the play button appears when the player starts and when videos are played.
  • start: the play button appears when the player starts only.
  • end: the play button appears at the end of video playback only.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						autoplay: false,
						playbutton: 'start'
					});

playlist
Only the client version offers a playlist to play multiple videos.
Documentation: Lets you fill in the list of videos that will be played in the player.
The player automatically preloads videos to check their compatibility and make them accessible for playback.
Possible values: The structure allows to set several videos and their options:
  • file: URL of the video.
  • title: title of the video.
  • description: description of the video.
  • image: path of an image that will be associated with the video. This image will be used as a thumbnail as well as startup or end of playback content (startcontent and endcontent options).
    When no image is defined, the application tries to create a screenshot in the first few seconds of the video.
  • ratio: allows to force the proportions (ratio) of a video when these are incorrect (error in the encoding of the original file). Available values:
    • Empty value (default value): the original ratio of the video remains unchanged.
    • 4:3 (corresponds to a ratio of 1.33:1)
    • 5:4
    • 16:9 (corresponds to a ratio of 1.77:1)
    • 185:100 (corresponds to a ratio of 1.85:1)
    • 235:100 (corresponds to a ratio of 2.35:1: cinemaScope)
    • 239:100 (corresponds to a ratio of 2.39:1)
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						playlist: [
							{
								file: "videos/Demo-1.mp4",
								title: "Pause Player Demo 1",
								image: "http://monsite.fr/images/demo1.jpg",
								ratio: "16:9"
							},
							{
								file: "videos/Demo-2.mp4",
								title: "Pause Player Demo 2",
								image: "http://monsite.fr/images/demo2.jpg"
							}
						]
					});
The addition of a video can also be done via the Javascript commands (see the jscommunication option):
					<script type="text/javascript">
						var IDPlayer = pauseplayer.createPlayer("DIVvideoplayer", {
							jscommunication: {
								callback: activeControls,
								waitdom: true
							}
						});
						
						//Function called when JS communication with video player is active
						function activeControls() {
							pauseplayer.addToPlaylist(
								IDPlayer,
								{
									file: "videos/Demo-1.mp4",
									title: "Pause Player Demo 1",
									image: "http://monsite.fr/images/demo1.jpg",
									ratio: "16:9"
								}
							);
						}
					

playnonstop
Documentation: By default, the playhead stops after full playback of the first video. If the option is active, all videos will be played back afterwards.
Possible values:
  • true : all videos will be played.
  • false (default value) : only the current video is played.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						autoplay: true,
						playnonstop : true
					});

preloadtime
Documentation: Sets a preload time for videos before playback. This option avoids jerks on big video when starting playback.
Possible values: Value in number of seconds. Default value: 5 seconds.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						autoplay: true,
						preloadtime: 10
					});

setDebug (function). See option debug.

setDebugLevels (function). See option debuglevels.

startcontent
Function available in client version only.
Documentation: Sets a startup content that will be displayed before playing videos. The mode of appearance of the video player is set with the appearmode option.
The playbutton option can be combined to display a play button above the startup content and restart playback. See the endcontent option for the ending content of the player.
Possible values: The startcontent option is a structure that defines values ​​for the display mode of the content, the URL of the image to be displayed, the background color ...:
  • mode: type of content to display.
    • none: no content.
    • videoimage: the image associated with the video will be used, if not defined the application will attempt a screenshot of the current video.
    • webimage: the image defined by the 'image' property will be used.
    • html: an HTML element of the page will be displayed. This is an element (<div>) with the 'endcontent' class created by the developer inside the container element of the video player. Replacing an image, the HTML element allows unique realizations in HTML and CSS.
  • image: path of the image if the 'webimage' mode is selected.
  • displaymode: display mode of the image in the frame of the video container.
    • default: the image is centered and contained within the video container. The proportions (ratio) of the image are preserved. One can distinguish bands of colors surrounding the image to fill the surface.
    • noresize: the image is not resized to retain its original size, it may come out of the boundaries of the player or on the contrary not cover the entire surface.
    • stretch: the image is stretched to cover the entire surface, the ratio of the image are not preserved.
    • cover: the image is enlarged to fully cover the surface, proportions are retained, no color strip appears around it.
  • backgroundcolor: defines a background color that will be visible if the image does not fully cover the surface.
    • transparent (default)
    • HTML color names: coral, gold, lightblue, silver, black, white ...
    • HTML color codes: #ffffff, #000000, #4682B4, #FF4500...
Example of use: Example 1:
					pauseplayer.createPlayer("DIVvideoplayer", {
						startcontent: {
							mode: "webimage",
							displaymode: "stretch"
						},
						playbutton: "both",
						autoplay: true,
						playnonstop : true,
						disappearmode: "atend"
					});
Example 2: Display HTML contents at the start and end of video playback:
					<script type="text/javascript">
						pauseplayer.createPlayer("DIVvideoplayer", {
							width: '100%',
							height: '380px',
							startcontent: {
								mode: "html"
							},
							endcontent: {
								mode: "html"
							}
						});
					</script>
					
					<div id="DIVvideoplayer" style="width: 100%;height: 250px;">
						<div class="startcontent" style="width:100%;height:100%;text-align:center;color:blue;font-size: 30px;">
							<span>It is the start content</span>
						</div>
						<div class="endcontent" style="width:100%;height:100%;text-align:center;color:red;font-size: 30px;">
							<span>It is the end content</span>
						</div>
					</div>

usersettings
Documentation: If this option is enabled, the user's settings are saved. The volume choices and mute the player will be restored to the next use of the player, which enhances the user experience.
The application will look for the most suitable method for backup: HTML5 local storage, cookies ...
The saved values override the default values for the volume and mute options.
Possible values:
  • true (value by default): the user's settings are saved.
  • false: the user's settings are not saved.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						backgroundcolor: '#585858',
						autoplay: true
					});

videodisplaymode
Documentation: Video display mode inside the video player.
Possible values:
  • default: the video is centered and contained within the video container. The proportions (ratio) of the video are preserved. One can distinguish bands of colors surrounding the video to fill the surface.
  • noresize: the video is not resized to retain its original size, it may come out of the boundaries of the player or on the contrary not cover the entire surface.
  • stretch: the video is stretched to cover the entire surface, the ratio of the video are not preserved.
  • cover: the video is enlarged to fully cover the surface, proportions are retained, no color strip appears around it.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						backgroundcolor: '#585858',
						videodisplaymode: 'cover'
					});

volume
Documentation: Allows you to set the starting volume of the videos.
When the user settings are saved (usersettings option), they override the value of the volume option.
See also the mute and usersettings options.
Possible values: Values are scaled from 0 (mute) to 100 (maximum volume). 75 is the default value.
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						volume: 75
					});

width
Documentation: Sets the height of the video player. The value 100% indicates a height equal to that of its HTML element container.
This option goes with height option.
Possible values: All units of measure of the Web are recognized, as well as the percentages: px, em, pt, cm, in... Examples: 420px, 120em, 80%
Example of use:
					pauseplayer.createPlayer("DIVvideoplayer", {
						width: '100%',
						height: '380px'
					});

Debug the video player installation

Start by activating the debug option.
Enabling the console in Internet Explorer and Firefox: F12 key.

Drupal module

Installation

Drupal install folder
Drupal site installation folder

Pause player module - install folder in Drupal
Pause Player module files for Drupal

Pause mediaplayer - install folder in Drupal
Pause video player files

Drupal extensions
Access to Drupal site extensions

Drupal modules installation
Installing the module Pause Player

Drupal fields management
Managing content fields for 'Article'

Drupal fields display management
Managing the display of fields for 'Article'

Use

Drupal article edition
Editing an article

Format settings
Configuring the video player Pause on a field

Drupal article with Pause Player integrated
Result : article with the integrated videoplayer Pause
La navigation sur ce site est améliorée avec l'utilisation de cookies ou technologies équivalentes.
Autorisez-vous l'inscription de données de navigation dans le navigateur ? OUI / NON.