jlengrand/soundcloud-web-component-application
1
0
Fork 0
mirror of https://github.com/jlengrand/soundcloud-web-component-application.git synced 2026-03-10 08:41:23 +00:00
Code Issues Packages Projects Releases Wiki Activity

Embed first version of player in webpage

Browse Source
This commit is contained in:
Julien Lengrand-Lambert
2017-06-02 10:17:29 +02:00
parent eeddded792
commit 92e27d2578
2 changed files with 29 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
app/components/sc-player/sc-player.html Normal file
View File

@@ -0,0 +1,27 @@
<link rel="import" href="../../../bower_components/polymer/polymer.html">
<dom-module id="sc-player">
<template>
<style>
:host {
margin: auto;
width: 50%;
display: block;
}
</style>
<iframe
width="100%"
height="450"
scrolling="no"
frameborder="no"
src="https://w.soundcloud.com/player/?url=https%3A//api.soundcloud.com/tracks/113662676&amp;auto_play=false&amp;hide_related=false&amp;show_comments=true&amp;show_user=true&amp;show_reposts=false&amp;visual=true">
</iframe>
</template>
<script>
Polymer({
is: 'sc-player'
});
</script>
</dom-module>

2
app/index.html
View File

@@ -8,9 +8,11 @@
<link rel="import" href="../app/components/sc-title/sc-title.html">
<link rel="import" href="../app/components/sc-profile/sc-profile.html">
<link rel="import" href="../app/components/sc-player/sc-player.html">
<body>
<sc-title></sc-title>
<sc-profile></sc-profile>
<sc-player></sc-player>
</body>
</html>