Summary

HapYak works with your video no matter where it lives - publicly hosted (like on YouTube, Vimeo, etc...), privately hosted (like Brightcove, Ooyala, thePlatform, Vidyard, Wistia, etc...), open-source player (like Video.js, JW Player, etc...), hosted locally, or in the cloud.

If you have a URL or embed code that is not supported or is not working to create a HapYak project, contact us.

For some players we offer direct integration where the HapYak projects are created automatically from say your Brightcove or Wistia account. Contact success@hapyak.com for details.

Here are the currently supported players.

Brightcove
Buto.tv

Dailymotion
Flowplayer
jPlayer
JW Player
Kaltura
Pearson LearningStudio
Limelight

MediaElement.js
Ooyala
thePlatform

Ustream
Video for Everybody
Video.js
Vidyard

Vimeo
Vzaar
Wistia
YouTube

Supported URLs and Embed Codes

These are examples of the most common URLs and Embed Codes for each of the players that we support. In most cases, others are supported. If you have a URL or embed code that is not working to create a HapYak project, contact us and we'll add support for it straight away.

Brightcove

For advanced support of Brightcove embed codes (including chromeless player embeds, and auto project creation) contact us.

URL

http://bcove.me/1upuxgv6

JavaScript Publishing Code

<!-- Start of Brightcove Player -->
<div style="display:none">
</div>

<!-- By use of this code snippet, I agree to the Brightcove Publisher T and C found at https://accounts.brightcove.com/en/terms-and-conditions/. -->

<script language="JavaScript" type="text/javascript" src="http://admin.brightcove.com/js/BrightcoveExperiences.js"></script>

<object id="myExperience4278124546001" class="BrightcoveExperience">
  <param name="bgcolor" value="#FFFFFF" />
  <param name="width" value="960" />
  <param name="height" value="540" />
  <param name="playerID" value="4277395369001" />
  <param name="playerKey" value="AQ~~,AAACH9P_NsE~,4r5fRGfacOIk0HZaOndLHmUNuusKZVpL" />
  <param name="isSlim" value="true" />
  <param name="dynamicStreaming" value="true" />
  <param name="@videoPlayer" value="4278124546001" />
</object>

<!-- This script tag will cause the Brightcove Players defined above it to be created as soon as the line is read by the browser. If you wish to have the player instantiated only after the rest of the HTML is processed and the page load is complete, remove the line. -->
<script type="text/javascript">brightcove.createExperiences();</script>

<!-- End of Brightcove Player -->

URL (V2) 

http://players.brightcove.net/1305620570001/default_default/index.html?videoId=3776275116001

Dailymotion

Link

http://www.dailymotion.com/video/x11i64w_hapyak-inspirational_tech

Flowplayer

MP4 URL

http://hapyak_demos.s3.amazonaws.com/demos/welcome-to-hapyak-v2.mp4

jPlayer

MP4 URL

http://hapyak_demos.s3.amazonaws.com/demos/welcome-to-hapyak-v2.mp4

JW Player

JavaScript Embed 

<script src="//content.jwplatform.com/players/JlEAn3tB-SD5XOxsG.js"></script>

Kaltura

Iframe Embed

<iframe src="http://cdnapi.kaltura.com/p/1665811/sp/166581100/embedIframeJs/uiconf_id/26354192/partner_id/1665811?iframeembed=true&playerId=kaltura_player_1417027170&entry_id=1_fob054ld&flashvars[streamerType]=auto" width="400" height="333" allowfullscreen webkitallowfullscreen mozAllowFullScreen frameborder="0"></iframe>

Auto Embed

<div id="kaltura_player_1435345198" style="width: 560px; height: 315px;" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
  <span itemprop="name" content="Welcome to HapYak Version 2 - V2"></span>
  <span itemprop="description" content=""></span>
  <span itemprop="duration" content="419"></span>
  <span itemprop="thumbnail" content="http://cfvod.kaltura.com/p/1665811/sp/166581100/thumbnail/entry_id/1_4m8rwi9s/version/100000/acv/161"></span>
  <span itemprop="width" content="560"></span>
  <span itemprop="height" content="315"></span>
</div>

<script src="http://cdnapi.kaltura.com/p/1665811/sp/166581100/embedIframeJs/uiconf_id/21908551/partner_id/1665811?autoembed=true&entry_id=1_4m8rwi9s&playerId=kaltura_player_1435345198&cache_st=1435345198&width=560&height=315"></script>

Dynamic Embed

<script src="http://cdnapi.kaltura.com/p/1665811/sp/166581100/embedIframeJs/uiconf_id/21908551/partner_id/1665811"></script>

<div id="kaltura_player_1435345291" style="width: 560px; height: 315px;" itemprop="video" itemscope itemtype="http://schema.org/VideoObject">
  <span itemprop="name" content="Welcome to HapYak Version 2 - V2"></span>
  <span itemprop="description" content=""></span>
  <span itemprop="duration" content="419"></span>
  <span itemprop="thumbnail" content="http://cfvod.kaltura.com/p/1665811/sp/166581100/thumbnail/entry_id/1_4m8rwi9s/version/100000/acv/161"></span>
  <span itemprop="width" content="560"></span>
  <span itemprop="height" content="315"></span>
</div>

<script>
kWidget.embed({
  "targetId": "kaltura_player_1435345291",
  "wid": "_1665811",
  "uiconf_id": 21908551,
  "flashvars": {},
  "cache_st": 1435345291,
  "entry_id": "1_4m8rwi9s"
});
</script>

Many other Kaltura Player / Embed type combinations are supported. If yours is not yet, email us at support@hapyak.com.

Pearson LearningStudio

URL

https://hapyak.wistia.com/medias/50hk9zi6ca

Limelight

URL

http://link.delvenetworks.com/media/?channelId=ee258eb20ceb4a1caf59b4c1c7f1212c&width=608&height=395&playerForm=2b84c3101f624f1d9f5857abfc109d52&deepLink=true

MediaElement.js

MP4 URL

http://hapyak_demos.s3.amazonaws.com/demos/welcome-to-hapyak-v2.mp4

Ooyala

Iframe Embed

<iframe width="720" height="480" src="http://player.ooyala.com/iframe.html?ec=dpMWdqbzqggRHWeFrQG2oOqYI-v-ZQzq&pbid=e18ab1da1813483499554ea2d8e67fbd" frameborder="0" allowfullscreen></iframe>

thePlatform

URL

http://player.theplatform.com/p/rTBUTC/7dqHKST_ptHH/select/nMEHt47nw83h

Iframe Embed

<iframe src="http://player.theplatform.com/p/rTBUTC/7dqHKST_ptHH/embed/select/nMEHt47nw83h" width="960" height="540" frameborder="0" seamless="seamless" allowfullscreen>Your browser does not support iframes.</iframe>

Video for Everybody

MP4 URL

http://hapyak_demos.s3.amazonaws.com/demos/welcome-to-hapyak-v2.mp4

Video.js

MP4 URL

http://hapyak_demos.s3.amazonaws.com/demos/welcome-to-hapyak-v2.mp4

Vidyard

Sharing Page URL

http://embed.vidyard.com/share/l47PcmgUsPLh6bjFz-N3NA

Inline embed

<script type="text/javascript" id="vidyard_embed_code_l47PcmgUsPLh6bjFz-N3NA" src="//play.vidyard.com/l47PcmgUsPLh6bjFz-N3NA.js?v=3.1&type=inline"></script>

Lightbox embed

<script type="text/javascript" id="vidyard_embed_code_l47PcmgUsPLh6bjFz-N3NA" src="//play.vidyard.com/l47PcmgUsPLh6bjFz-N3NA.js?v=3.1&type=lightbox"</script>
<div class="outer_vidyard_wrapper">
  <div class="vidyard_wrapper" onclick="fn_vidyard_l47PcmgUsPLh6bjFz$N3NA();">
    <img alt="Marketo Solutions Overview" src="//play.vidyard.com/l47PcmgUsPLh6bjFz-N3NA.jpg?" width="360" />
    <div class="vidyard_play_button"><a href="javascript:void(0);"></a>
    </div>
  </div>
</div>

Vimeo

URL

https://vimeo.com/131924019

Embed Code

<iframe src="https://player.vimeo.com/video/110791373" width="960" height="540" frameborder="0" webkitallowfullscreen mozallowfullscreen allowfullscreen></iframe>

Video File (use Video.js as embed type)

https://player.vimeo.com/external/110791373.hd.mp4?s=fcec13011e5e30fd17bfc812166755a3&profile_id=113

Vzaar

URL

http://vzaar.com/videos/620878

Wistia

Public Link

https://hapyak.wistia.com/medias/50hk9zi6ca

Inline Embed (iframe, API, SEO)

<iframe src="//fast.wistia.net/embed/iframe/50hk9zi6ca?videoFoam=true" allowtransparency="true" frameborder="0" scrolling="no" class="wistia_embed" name="wistia_embed" allowfullscreen mozallowfullscreen webkitallowfullscreen oallowfullscreen msallowfullscreen width="960" height="540"></iframe><script src="//fast.wistia.net/assets/external/E-v1.js"></script>

YouTube

URL

https://www.youtube.com/watch?v=mKA4-MA-jPY

Embed

<iframe width="1280" height="720" src="//www.youtube.com/embed/mKA4-MA-jPY" frameborder="0" allowfullscreen></iframe>

Ensure that your video Allows Embedding. You can find this option in your YouTube account in the Video Manager section:

  • Click "Edit" on the video
  • Info and Settings
  • Advanced Settings
  • Check "Allow embedding"

Public, Unlisted and Private YouTube videos work with HapYak.

For private YouTube videos:

  1. Log in to your YouTube account.
  2. Log in to your HapYak account.
  3. On the top right, click your account name. Click the orange edit icon to edit your account settings.
  4. Click the Google Connect button. Hit Accept.
  5. On subsequent sessions in HapYak, ensure that you are logged into Google.
  6. When you share HapYak videos that use private YouTube videos as the source, the viewer to must have access to and be logged in to the Google account that contains the private YouTube video.
Did this answer your question?