Videos in deck description?
TappedOut forum
Posted on Aug. 3, 2015, 6:18 p.m. by kameenook
So I won't pretend to be super proficient at coding things, because I'm really not. However, I have seen some people have pictures or videos in their deck descriptions, and for one of my decks I was looking to do the same, but I just didn't know how. Anybody help an amateur out?
filledelanuit says... #3
You can put videos in deck descriptions by using an Iframe. Youtube has embed code that you can use to do that but I'm not positive that non upgraded users can use iframes.
August 3, 2015 6:34 p.m.
canterlotguardian says... #4
A revision to my earlier statement. The only spaces in my coding that you omit are the ones between the < and the img, and the end of the URL and the >. The space between the img and the src still needs to be there.
August 3, 2015 6:55 p.m.
ABadMagicPlayer100 says... #5
Come on people, use code blocks.
For images:
<img src="image url goes here"/>
For youtube videos:
<iframe width="560" height="315" src="video url BUT REPLACE 'watch?v=' with 'embed/'" frameborder="0" allowfullscreen></iframe>
August 3, 2015 7:30 p.m.
omnipotato says... #6
- go to youtube vid
- click on share
- click on embed
- copy and paste code into deck description
August 3, 2015 8:03 p.m.
canterlotguardian says... #7
I don't know how to code block, otherwise I would have. :|
August 3, 2015 8:11 p.m.
Just remember if you're going to embed videos (or anything with volume for that matter) that autoplay should be turned off. it's not appropriate to have music just start playing, especially if a user has to scroll a bunch to get to the controls.
EDIT:
for code blocks, you want to use "pre" and "code" elements.
< pre >
< code >
code goes here
< /code >
< /pre >
produces:
code goes hereAugust 3, 2015 11:21 p.m. Edited.
ABadMagicPlayer100 says... #9
The easy way to do code blocks is
===code
Code goes here
===endcode
canterlotguardian says... #2
I'd love to know this myself. About the videos, anyways.
As for the pictures, kameenook, the code is: < img src(equals sign goes here)picture URL goes here > (with no spaces)
August 3, 2015 6:26 p.m. Edited.