I got this embed script from the View Glass website video tab:(http://viewglass.com/videos/view-dynamic-glass-intelligence/)
type="text/javascript" id="vidyard_embed_code_lqsHrHITNPOc9zxsYyJVfw" src="//play.vidyard.com/lqsHrHITNPOc9zxsYyJVfw.js?v=3.1.1&type=inline&width=640&height=360"
And I am wondering how to stop the autoplay. Please let me know if you have any idea?
Thanks
You can use jquery to remove autoplay attribute from the video like this
$('.vjs-tech').removeAttr("autoplay");
or like this
document.getElementsByClassName('vjs-tech').removeAttribute('autoplay');
Use it like this
<p>
<script type="text/javascript" id="vidyard_embed_code_lqsHrHITNPOc9zxsYyJVfw" src="//play.vidyard.com/lqsHrHITNPOc9zxsYyJVfw.js?v=3.1.1&type=inline&width=640&height=360">
$(document).ready(function(){
document.getElementsByClassName('vjs-tech').removeAttribute('autoplay');
});
</script>
</p>
Related
I have a problem with this code:
<!DOCTYPE html>
<html>
<body>
<embed width="420" height="315"
src="https://www.youtube.com/v/_Yhyp-_hX2s">
</body>
</html>
it work on "try it yourself" on w3school.com but not work in my page, neither in a blank html page. I have this problem only with some video like vevo
There is actually nothing wrong with you code!
As soon as you host it it'll work. If you're on Linux try to copy the html file to "/var/www/html/" and in your browser type: "localhost/yourfilename.html". It should work!
(You'll need something like apache running).
Embed tag sometimes making problems on bbc and youtube. Try iframe tag.
see also
I was trying today to open a mobile link from one of my webapp that runs in an iframe (same domain).
It looks like these links aren't recognized by apple ?
https://plnkr.co/edit/9Rp87NcVi9Kr4MGDgIwL?p=preview
Body file
<html>
<body>
1-888-888-1212
<iframe src="iframe.html"></iframe>
</body>
</html>
iframe.html
<body>
1-877-877-2323
</body>
In the following plunkr i made a little example of that.
My Local computer can recognize those links, both, and so does my multiple android devices. Although when it comes to IOS, nothing to be done about it, it will only work for the link that is not in an Iframe.
Anybody had a simillar problem and or knows a solution to this issue ?
By using a script to select the parent document from the iframe, it should work. try this:
edit Adding "target="_parent" to the anchor is the solution for those viewing this answer.
Dated answer:
<iframe id="test" src="iframe.html"></iframe>
<script>
var iframe = document.getElementById("test");
var iDoc = iframe.contentDocument;
iDoc.write('<a target="_parent" href="tel://1-888-888-1212">1-888-888-1212</a>');
</script>
I am working through Quentin Watt's new HTML5/CSS3 tutorials.
The last few tutorials have dealt with inserting image, audio, and video files. In each and every case the browser recognizes my attributes, like height, width, controls, etc., but doesn't actually display the file.
Code:
<!-- tutorial 10 -->
<html>
<head>
<meta charset="ntf-8"/>
<title> tutorial 10 - video tag </title>
</head>
<body>
<video width="640" height="360" controls>
<source src="HowTo.BackLever.mp4" type="video/mp4" /> If you can see this you need to update your browser>
</video>
</body>
</html>
I am confident my path is correct, its all local. The files in question are in the same directory as the source code for the page.
I have tried with both Chrome and Firefox and I can't figure out why the browsers won't display the files.
I have researched the issue and have found nothing (helpful) on this site or through Google.
Make sure your image file is on your webroot (probably www or htdocs), then reference that in your src.
You sure the video file path is correct? Is there a . between HowTo and BackLever in the filename? Check the exact name of file and the path.
I have tried the exact same code running under same conditions as yours (video and html on same folder).
It's working. You should check for the video name, as you know it should be exactly the same as in the HTML code.
<!-- tutorial 10 -->
<html>
<head>
<meta charset="ntf-8"/>
<title> tutorial 10 - video tag </title>
</head>
<body>
<video width="640" height="360" controls>
<source src="HowTo.BackLever.mp4" type="video/mp4">
If you can see this you need to update your browser>
</video>
</body>
</html>
I'd suggest using a easier name for the video file just to make sure. ;)
The problem is definitely the file path. Try renaming your video and use the new name.
src="my_video.mp4"
I've also seen people following this video with their file extensions hidden so then they actually add the extension to their file name, making the real src for the video "my_video.mp4.mp4". If it works with a double extension, then you know that is your problem.
You can also make sure you are using the correct file type by right clicking on your video and looking at "properties" in Windows or "get info" on OSX. Please see the image below. I could only find a mov file on my mac this morning, but you need to make sure your video is an mp4.
info for files on mac
video properties in windows 10
Something else you did differently is added a greater sign here. I don't think that's the problem, but I just thought it was worth the mention.
If you can see this you need to update your browser>
I want to use the Kaltura standalone HTML5 player with the VAST/VPAID ad support modules, but I'm at a loss. I'm not at all familiar with the Kaltura architecture, and thought I've found lots of detail and discussion in the Kaltura support documentation and community forums, I'm not having any luck getting it work. (Ex: http://www.kaltura.org/ad-support-integration)
I've setup the HTML5 player (kaltura-html5player-widget.1.6a_0.zip) in a local environment (running Apache and PHP on Linux), and I've downloaded the AdSupport modules from GitHub (https://github.com/kaltura/mwEmbed/tree/master/modules/AdSupport), but can't figure out how to load the AdSupport modules for use in the player.
Here's what I have so far, but nothing is loading:
<head>
<title>Simple Video Sample</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Include jQuery -->
<script type="text/javascript" src="../jquery-1.6.4.min.js" ></script>
<!-- Include the css and javascript -->
<style type="text/css">
#import url("../skins/jquery.ui.themes/kaltura-dark/jquery-ui-1.7.2.css");
</style>
<style type="text/css">
#import url("../mwEmbed-player-static.css");
</style>
<script type="text/javascript" src="../mwEmbed-player-static.js" ></script>
<script>
mw.load("modules/AdSupport/resources/mw.AdLoader.js",function(){
mw.AdLoader.load( 'http://path/to/vast/ad.xml', function( adConf ){
// Now you can call addAdToPlayerTimeline with the adConf
mw.addAdToPlayerTimeline( embedPlayer, ['preroll', 'bumper','overlay', 'postroll'], adConf );
});
});
</script>
</head>
<body>
<h3>Simple video sample</h3>
<video id="vid1" width="480" height="300"
poster="http://www.iana.org/_img/2013.1/icann-logo.svg"
durationHint="33"
>
<source src="http://path/to/video.mp4" type="video/h264" />
</video>
</body>
The kaltura player support VAST/VPAID out of the box both javascript [html5] & flash.
in order to use it please get the latest from our main repository here : https://github.com/kaltura/mwEmbed
In order to use kaltura player without kaltura backend we develop a proxy layer that will enable you to decide from where do you want to get the video metadata and sources. this layer is still under development/qa but if you want to experience with it :https://github.com/kaltura/mwEmbed/tree/proxyPlayer
all the player details + API is on player.kaltura.com site.
we also have a nice studio in our KMC(management console) where you can configure your player and take the configuration for your own needs.
let me know if more details is needed.
thanks,
Probably not an answer you are looking for, but it looks like this is impossible without the Kaltura backend:
http://forum.kaltura.org/t/running-kaltura-standalone-player-with-vpaid-support/837
I am chasing the same, trying to find the HTML5 / Flash standalone player with the VPAID support.
I'm trying to implement videoJS in the HTML5 Boilerplate. I've tried pasting the embed code suggested by videoJS but the results don't work. When the page loads the "poster" image appears but the loading wheel never stops and the video never plays.
I've tried including this in the header and footer to get the video started, but it hasn't worked:
<script>
window.onload = function() {
var pElement = document.getElementById("#vid");
pElement.play();
};
</script>
I've also included all the video.js ref links in the header:
<!-- Link to Video JS Library -->
<script src="js/mylibs/video.js" type="text/javascript" charset="utf-8"></script>
<link rel="stylesheet" href="css/video-js.css" type="text/css" media="screen" title="Video JS" charset="utf-8">
<script type="text/javascript" charset="utf-8">
// Add VideoJS to all video tags on the page when the DOM is ready
VideoJS.setupAllWhenReady();
</script>
Does anyone have an example of good HTML5 video implementation with the HTML5 Boilerplate template. Admittedly I'm a noob so I apologize if this question seems kind of daft.
Thanks for your help!
You should probably not be including them in <head> and footer. You should just include that script you pasted at the beginning at the bottom after that video.js ref links set of scripts.
You can always paste your code at http://jsfiddle.net and ask again so it can be fixed more quickly.