|||| || ||| |||| |||| |||| ||| |||| ||||| || | || || || || || || || || || || || ||-- || || || || ||| || || || || || ||| || | || || || || || || || || || || || |||| |||| ||| |||| |||| |||| ||| |||| ||||| BY PEALCO®

<p>STOP_YOUTUBE_WHEN_SCROLL</p>

   jquery.inview.js

   jquery.youtube-inview-autoplay.js

1. Add all files to "Page Settings” (⌥ + ⌘ + p) in the tab:
“Header File Attachments"

2. Add a "Code Widget” bric, and inside that bric, insert the folowing code (this code is for the example in preview):

<div class="youtube-video" 
     id="video-1" 
     data-video-id="yYYTSy-4xvY" 
     width="100%" 
     height="315"></div>
<script src="http://code.jquery.com/jquery-3.0.0.min.js"></script>
<script src="js/jquery.inview.min.js"></script>

<script src="js/jquery.youtube-inview-autoplay.js"></script>
<script>
// Load the IFrame Player API code asynchronously.
  var tag = document.createElement('script');
  tag.src = "https://www.youtube.com/player_api";
  var firstScriptTag = document.getElementsByTagName('script')[0];
  firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

  function onYouTubeIframeAPIReady() {
    $('.youtube-video').inViewAutoplay({
      autohide: 1,
      modestbranding: 1,
      rel: 0,
      quality: 'hd720'
    });
  }
</script>
  Attention

Change video in line 3 in "data-video-id” (when you open the video in youtube and you check the url copy the code after the "watch?v=“ and paste in “data-video-id”, or you press share in the video, and in the url copy the code after “youtu.be/“)

If you have more then one video in the same page you have to chage the ID. Change it in line 2 “id=“ and call it whatever you want but you can´t have the same name in two movies.

You can change the size of the movie in line 4 and 5.

3. You can add player parameters to youtube video, by adding in line 19 the following parameters, one by line separated by “,”:

autoplay

This parameter specifies whether the initial video will automatically start to play when the player loads. Supported values are 0 or 1. The default value is 0.

cc_lang_pref

This parameter specifies the default language that the player will use to display captions. Set the parameter's value to an ISO 639-1 two-letter language code.

If you use this parameter and also set the cc_load_policy parameter to 1, then the player will show captions in the specified language when the player loads. If you do not also set the cc_load_policy parameter, then captions will not display by default, but will display in the specified language if the user opts to turn captions on.

cc_lang_pref

This parameter specifies the default language that the player will use to display captions. Set the parameter's value to an ISO 639-1 two-letter language code.

If you use this parameter and also set the cc_load_policy parameter to 1, then the player will show captions in the specified language when the player loads. If you do not also set the cc_load_policy parameter, then captions will not display by default, but will display in the specified language if the user opts to turn captions on.

cc_load_policy

Setting the parameter's value to 1 causes closed captions to be shown by default, even if the user has turned captions off. The default behavior is based on user preference.

color

This parameter specifies the color that will be used in the player's video progress bar to highlight the amount of the video that the viewer has already seen. Valid parameter values are red and white, and, by default, the player uses the color red in the video progress bar. See the YouTube API blog for more information about color options.

Note: Setting the color parameter to white will disable the modestbranding option.

controls

This parameter indicates whether the video player controls are displayed:
controls=0 – Player controls do not display in the player.
controls=1 (default) – Player controls display in the player.

disablekb

Setting the parameter's value to 1 causes the player to not respond to keyboard controls. The default value is 0, which means that keyboard controls are enabled. Currently supported keyboard controls are:
Spacebar or [k]: Play / Pause
Arrow Left: Jump back 5 seconds in the current video
Arrow Right: Jump ahead 5 seconds in the current video
Arrow Up: Volume up
Arrow Down: Volume Down
[f]: Toggle full-screen display
[j]: Jump back 10 seconds in the current video
[l]: Jump ahead 10 seconds in the current video
[m]: Mute or unmute the video
[0-9]: Jump to a point in the video. 0 jumps to the beginning of the video, 1 jumps to the point 10% into the video, 2 jumps to the point 20% into the video, and so forth.

enablejsapi

Setting the parameter's value to 1 enables the player to be controlled via IFrame or JavaScript Player API calls. The default value is 0, which means that the player cannot be controlled using those APIs.

For more information on the IFrame API and how to use it, see the IFrame API documentation. (The JavaScript Player API has already been deprecated.)

end

This parameter specifies the time, measured in seconds from the start of the video, when the player should stop playing the video. The parameter value is a positive integer.

Note that the time is measured from the beginning of the video and not from either the value of the start player parameter or the startSeconds parameter, which is used in YouTube Player API functions for loading or queueing a video.

fs

Setting this parameter to 0 prevents the fullscreen button from displaying in the player. The default value is 1, which causes the fullscreen button to display.

hl

Sets the player's interface language. The parameter value is an ISO 639-1 two-letter language code or a fully specified locale. For example, fr and fr-ca are both valid values. Other language input codes, such as IETF language tags (BCP 47) might also be handled properly.

The interface language is used for tooltips in the player and also affects the default caption track. Note that YouTube might select a different caption track language for a particular user based on the user's individual language preferences and the availability of caption tracks.

iv_load_policy

Setting the parameter's value to 1 causes video annotations to be shown by default, whereas setting to 3 causes video annotations to not be shown by default. The default value is 1.

list

The list parameter, in conjunction with the listType parameter, identifies the content that will load in the player.
If the listType parameter value is search, then the list parameter value specifies the search query.
If the listType parameter value is user_uploads, then the list parameter value identifies the YouTube channel whose uploaded videos will be loaded.
If the listType parameter value is playlist, then the list parameter value specifies a YouTube playlist ID. In the parameter value, you need to prepend the playlist ID with the letters PL as shown in the example below.

https://www.youtube.com/embed?
listType=playlist
&list=PLC77007E23FF423C6

Note: If you specify values for the list and listType parameters, the IFrame embed URL does not need to specify a video ID.

listType

The listType parameter, in conjunction with the list parameter, identifies the content that will load in the player. Valid parameter values are playlist, search, and user_uploads.

If you specify values for the list and listType parameters, the IFrame embed URL does not need to specify a video ID.

For more parameters please check on top Source and click on the link from the parameters supported.