Add matching box around youtube sources

This commit is contained in:
Jonathan Cremin 2015-01-12 17:46:58 +00:00
parent 599e9b0850
commit e97db5b9e2
2 changed files with 3 additions and 2 deletions

View file

@ -22,7 +22,7 @@ module.exports = React.createClass({
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="@MatchAudio" />
<meta name="twitter:title" property="og:title" content={title} />
<meta name="twitter:description" property="og:description" content="We've matched this music on Rdio, Spotify, Deezer, Beats Music, Google Music and iTunes so you can open it in the service you use." />
<meta name="twitter:description" property="og:description" content="We've matched this music on Rdio, Spotify, Deezer, Beats Music, Google Music and iTunes so you can open it in your favourite service." />
<meta name="twitter:image:src" property="og:image" content={image} />
<meta property="og:url" content={shareUrl} />
<link rel="shortcut icon" href="/images/favicon.png" />

View file

@ -65,7 +65,8 @@ var VideoItem = React.createClass({
if (this.props.item.id) {
return (
<div className="col-md-6 col-xs-12">
<div className="service">
<div className={"service" + (this.props.inc == 0 ? " source-service" : "")}>
<div className="matching-from hidden-xs">{this.props.inc == 0 ? "Found matches using this link": ""}</div>
<div className="js-video widescreen">
<iframe width="100%" src={"//www.youtube.com/embed/" + this.props.item.id} frameBorder="0" allowFullScreen></iframe>
</div>