HTML YouTube Videos

-

Struggling with Video Formats?

Different versions of different browsers support different video formats.
Earlier in this tutorial, you have seen that you might have to convert your videos to different video formats to make them play in all browsers.
Converting videos to different format can be difficult and time consuming.
An easier solution
might be to let YouTube play the videos in your web page.

YouTube Video Id

YouTube will display an id (like XGSy3_Czz8k), when you save (or play) a video.
You can use this id, and refer to your video in HTML.

Playing a YouTube Video in HTML

To play your video on a web page, do the following:
  • Upload the video to YouTube
  • Take a note of the video id
  • Define an <iframe> element in your web page
  • Let the src attribute point to the video URL
  • Use the width and height attributes to specify the dimension of the player
  • Add any other parameters to the URL

Example - Using iFrame (the recommended method)

<iframe width="420" height="315"
src="http://www.youtube.com/embed/XGSy3_Czz8k?autoplay=1">
</iframe>

Comments

Post a Comment

Popular posts from this blog

Displaying a flash message after redirect in Codeigniter

-
To set flashdata you need to redirect controller function $this->session->set_flashdata('message_name', 'This is test message'); //redirect to some function redirect("controller/function_name"); //echo in view or controller $this->session->flashdata('message_name'); E.X in model file if($query){ $this->session->set_flashdata('xyzsuccess', 'Added Sucessfully '); redirect('/xyz, 'refresh'); }else{ $this->session->set_flashdata('xyzerror', 'Added error'); redirect('/xyz', 'refresh'); } in view file:  if($this->session->flashdata('xyzsuccess')){echo "<div class='alert alert-success'><strong>Success!</strong> ".$this->session->flashdata('xyzsuccess')."</div>";}elseif($this->session->flashdata('xyzerror')){echo "<div class='alert alert-dan
Read more

What is required for it startup company ?

-
 Starting an IT startup company requires several key components to be successful. Here are some of the key things that you will need: A Unique Idea: A successful IT startup company begins with a unique idea that solves a problem or provides a service that is not currently being addressed in the market. Your idea should be innovative and have the potential to disrupt the industry. Skilled Team Members: Your team members are the backbone of your startup. You will need skilled and dedicated individuals with a wide range of talents to help you bring your idea to fruition. Look for team members with experience and expertise in areas such as software development, marketing, finance, and customer service. Adequate Funding: You will need adequate funding to get your IT startup off the ground. This can come from a variety of sources, including venture capital firms, angel investors, crowdfunding, or personal savings. It is important to have a well-structured business plan and financial projecti
Read more

how to export html data to pdf in angularjs and javascript

-
HTML : <button onclick="pdfdownload()" class="btn btn-success"><i class="fa fa-download" ></i> Download PDf</button> <div class="table-responsive" id="exportthis"> this is demo text </div> Javascript: <script src="https://cdnjs.cloudflare.com/ajax/libs/pdfmake/0.1.22/pdfmake.min.js"></script>   <script src="https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js"></script> <script type="text/javascript"> function pdfdownload () { html2canvas(document.getElementById('exportthis'), {             onrendered: function (canvas) {                 var data = canvas.toDataURL();                 var docDefinition = {                     content: [{                         image: data,                         width: 500,                     }]                 };                 pdfMake.createPdf
Read more