You tube plugin for html not working - html

I am using following code for plugin youtube video in HTML.
<param name="movie" value="https://www.youtube.com/watch?v=451l9lenoOs&hd=1"></param>
<embed src="https://www.youtube.com/watch?v=451l9lenoOs&hd=1" type="application/x-shockwave-flash" />
please help me find out solution .

Use iframe instead embed(old) tag.
<iframe width="560" height="315" src="//www.youtube.com/embed/451l9lenoOs" frameborder="0" allowfullscreen></iframe>
copy from here(share -> source code):

Related

How to put Youku video on my wordpress site?

I already tried various plugin, none of those works...please help, thanks
The code that able to display Youtube video is this: (replacing the youtube link with youku is not working obviously)
[/vc_column_text][/vc_column_inner][/vc_row_inner][vc_row_inner][vc_column_inner width="1/4"][/vc_column_inner][vc_column_inner width="1/2"][vc_video link="https://youtu.be/CC0oCjTJAMg"][/vc_column_inner][vc_column_inner width="1/4"][/vc_column_inner][/vc_row_inner][vc_row_inner css=".vc_custom_1529069482532{margin-top: 20px !important;border-top-width: 20px !important;padding-top: 20px !important;}"][vc_column_inner width="1/2"][vc_single_image image="19894" img_size="full" css_animation="left-to-right"][/vc_column_inner][vc_column_inner width="1/2"][vc_column_text css_animation="right-to-left"]
First, you wanna copy the html code from youku’s share function:
<embed src="http://player.youku.com/player.php/sid/XNDYwMTEzMTY0/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed>
Then, take the url and convert to the following:
[gigya src="http://player.youku.com/player.php/sid/XNDYwMTEzMTY0/v.swf" allowFullScreen="true" quality="high" width="480" height="400" allowScriptAccess="always" ]
You can change the width and height as well as the other attributes

How to autoplay iframe with video in Chrome

I googled answer and didn't find any for this. How can you autoplay videos in chrome. This is what I have tried:
<iframe allow="fullscreen; autoplay" allowfullscreen="true" src="https://example.com"></iframe>
I found answer in internet but not in stackoverflow so I would leave it here so someone can find it:
<iframe allow="autoplay *; fullscreen *" allowfullscreen="true"
src="https://example.com">
</iframe>
There's surprisingly little info on this around. After much searching, I found this to work.
To modify the code to include an autoplay function, simply insert this
after the alphanumeric code:
?rel=0;&autoplay=1
Example:
<iframe width="560" height="315"
src="https://www.youtube.com/embed/iG9CE55wbtY?rel=0;&autoplay=1" frameborder="0"
allowfullscreen>
</iframe>
Reference: https://support.gospacecraft.com/hc/en-us/articles/202694610-Set-Video-to-Autoplay
simply add autoplay function to your code: "?autoplay=1" after the link (inside the double quotation marks).
<iframe src="https://example.com?autoplay=1"></iframe>
refer this will explain you better.
In order to autoplay a video, the iframe needs to include autoplay=1 in the src property and allow=autoplay property as well.
<iframe src="https://example.com?autoplay=1" allow="autoplay"></iframe>

Disable auto play in YouTube embeded code

How to disable auto play option in YouTube embedded code.
my Video embedded code is like below and i have checked the ?autoplay=0 method. but it not working.
this is the YouTube code:
<iframe width="711" height="400" src="https://www.youtube.com/embed/E5ln4uR4TwQ?rel=0?ecver=1" frameborder="0" allowfullscreen></iframe>
i have checked like below:
<iframe width="1400" height="400" src="https://www.youtube.com/embed/E5ln4uR4TwQ?autoplay=0&rel=0&ecver=1" frameborder="0" allowfullscreen></iframe>
Thanks
To disable autoplay, just put &autoplay=0 after the video ID. see the below line:
<embed src="http://www.youtube.com/blahblah&autoplay=0"
try with this hope it will helps you.
<object width="425" height="350">
<param name="movie" value="https://www.youtube.com/embed/E5ln4uR4TwQ?autoplay=0"></param>
<embed src="https://www.youtube.com/embed/E5ln4uR4TwQ?autoplay=0" type="application/x-shockwave-flash" width="425" height="350"></embed>
</object>
I was also looking for an answer and found that adding ?rel=0 to the end of the link seems to work
Example:
<iframe width="560" height="315" src="https://www.youtube.com/embed/code for video?rel=0" frameborder="0" allow="encrypted-media" allowfullscreen></iframe>

Embeded YouTube videos not loading

Our current implementation for YouTube videos use standard <object> from API documentation and is no longer loading correctly.
It shows an empty Object with link to YouTube page.
Created an example using code from documentation and error is reproduce-able.
Anybody know if there's another way to use the embedded code from YouTube?
Example code:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<object width="640" height="390">
<param name="movie"
value="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1"></param>
<param name="allowScriptAccess" value="always"></param>
<embed src="https://www.youtube.com/v/M7lc1UVf-VE?version=3&autoplay=1"
type="application/x-shockwave-flash"
allowscriptaccess="always"
width="640" height="390"></embed>
</object>
</body>
</html>
API Documentation: https://developers.google.com/youtube/player_parameters
You don't need all those thing just do it like this..
<object width="420" height="315"
data="http://www.youtube.com/v/XGSy3_Czz8k">
</object>
OR
<embed width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k">
Most YouTube videos are been embedded in an iframe tag like this:
<iframe src="link_to_video"></iframe>
Use iframe youtube embedded option.
Or you can do it your self on you tube click on share under you tube video and click on embed.Copy and paste code in your html.
Share 2. Embed 3. Copy & Paste
The problem can also be solved, if the video is called over the API url.
https://www.youtube.com/apiplayer?version=3&video_id=oPEJzOTgQCE&enablejsapi=1&playerapiid=ytplayer&rel=0
This can use all the extra parameters and works the exact same way as the other URL.
<object data="https://www.youtube.com/apiplayer?version=3&video_id=oPEJzOTgQCE&enablejsapi=1&playerapiid=ytplayer&rel=0" type="application/x-shockwave-flash" id="flash_236856494" width="312" height="173"><param name="scale" value="showAll"><param name="salign" value="tl"><param name="menu" value="false"><param name="update" value="true"><param name="allowfullscreen" value="true"><param name="wmode" value="opaque"><param name="bgcolor" value="#DADADA"><param name="allowScriptAccess" value="sameDomain"><param name="flashvars" value="youtubeId=oPEJzOTgQCE&autostart=false&suggestedQuality=large"><param name="movie" value="https://www.youtube.com/apiplayer?version=3&video_id=oPEJzOTgQCE&enablejsapi=1&playerapiid=ytplayer&rel=0"></object>

overlay opaque div over gametrailers iframe

Recently gametrailers changed their embed code from:
<embed width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
to
<iframe src="http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" width="960" height="540" frameborder="0"></iframe>
The new embed code is just like the youtube iframe, and it overlays my lightbox.
With the old embed code I was able to add a wmode parameter and make it stay below the div:
<embed wmode="opaque" width="960" height="540" src="http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>
But the new code does not allow me to do anything to keep the iframe below, does anyone know of a solution to this or some hidden parameter that I missed?
Temporary solution
This is the old url to embed:
http://media.mtvnservices.com/mgid:moses:video:gametrailers.com:722265
This is the new url in the iframe:
http://media.mtvnservices.com/embed/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
As a temporary solution I change the iframe url to this undefined URL that I found by randomly tweaking the iframe url and embed this instead of using the iframe:
http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc
It looks like this:
<embed wmode="opaque" width="550" height="350" src="http://media.mtvnservices.com/mgid:arc:video:gametrailers.com:0a115b6c-2d82-4a8c-b08b-4b6975e4c0dc" quality="high" bgcolor="000000" name="efp" align="middle" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer" flashvars="autoPlay=false" allowfullscreen="true"></embed>