Re: Embed Video In Twine
2,958 views
Skip to first unread message
HarmlessTrouble
Mar 30, 2013, 5:09:56 PM3/30/13
to twee...@googlegroups.com
Wrap your embed code in the <html></html> tag.
e.g.
::Youtube Passage
<html>
<iframe width="420" height="315" src="http://www.youtube.com/embed/dQw4w9WgXcQ" frameborder="0" allowfullscreen></iframe>
</html>
What is the artist's name in the video above?
[[Rick Astley]][[Rick Roll]]
Mat Westhorpe
Jun 27, 2013, 5:43:47 AM6/27/13
to twee...@googlegroups.com
I can't seem to get this to work either, even with the <html></html> tags. Am I missing something? Does there need to be some kind of script passage to enable embedded video?
Presently, the result is a black rectangle and a 'busy' mouse pointer (other links can still be selected). Eventually the black rectangle is replaced with:
"
However, I have tried linked to various YouTube videos - all of which work via normal viewing - with the same result.
This web page has not been found
No web page was found for the web address:file://www.youtube.com/embed/FZPCiqBLPM8
Error 6 (net::ERR_FILE_NOT_FOUND): The file or directory could not be found."
However, I have tried linked to various YouTube videos - all of which work via normal viewing - with the same result.
My internet connection is fine and other externally-sourced images linked via my CSS are resolving correctly.
Any suggestions?
Mat Westhorpe
Jun 27, 2013, 5:51:10 AM6/27/13
to twee...@googlegroups.com
Update: I tried YouTube's "Use old embed code" option. This resulted in a white rectangle that flickers briefly.
Matthew Perriman
Aug 7, 2013, 3:30:30 AM8/7/13
to twee...@googlegroups.com
Hi Mat,
I found the below worked for me:
<html><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/VIDEONAME?fs=1&hl=en_GB&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VIDEONAME?fs=1&hl=en_GB&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></html>
Where "VIDEONAME" in the above is replaced by the unique YouTube identifier from the video url.
Hope this helps!
I found the below worked for me:
<html><object width="480" height="385"><param name="movie" value="http://www.youtube.com/v/VIDEONAME?fs=1&hl=en_GB&rel=0"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/VIDEONAME?fs=1&hl=en_GB&rel=0" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="480" height="385"></embed></object></html>
Where "VIDEONAME" in the above is replaced by the unique YouTube identifier from the video url.
Hope this helps!
Darkhog
Aug 15, 2013, 8:15:45 AM8/15/13
to twee...@googlegroups.com
Of course it can't find file://www.youtube.com ;). You need to pass whole link, with http:// in front, just www. won't cut it here.
Norman G.
May 1, 2015, 5:56:41 PM5/1/15
to twee...@googlegroups.com
Wow, this is so cool !
I knew that Twine is handy, and was looking for a way to use a video as an introduction, and after all, this is so easy to integrate.
Thanks for sharing ;)
Reply all
Reply to author
Forward
0 new messages